Rad Sparkle

Text Gradient

Degrees167

Color

Ratio

Sizeundefinedpx

Canvas

Text

Background

Typography

Font Family

Font Size100

Font Weight

Text Transform

Text Align

Font Style

Line Height1.2

Letter Spacing0

Css

.text-gradient {
  background-image: repeating-linear-gradient(167deg, #7c3c76, #7c3c76 10px, #8B3BB0 10px, #8B3BB0 30px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Js

import styled from '@emotion/styled'

const TextGradient = styled('div')({
  backgroundImage: 'repeating-linear-gradient(167deg, #7c3c76, #7c3c76 10px, #8B3BB0 10px, #8B3BB0 30px)',
  WebkitBackgroundClip: 'text',

  WebkitTextFillColor: 'transparent'
})