Rad Sparkle
Text Gradient
Degrees
Color
Color
Ratio
Size
Canvas
Text
Background
Typography
Font Family
Font Size
Font Weight
100
200
300
400
500
600
700
800
900
Text Transform
capitalize
uppercase
lowercase
none
Text Align
left
right
center
justify
Font Style
normal
italic
oblique
Line Height
Letter Spacing
Css
.text-gradient { background-image: repeating-linear-gradient(133deg, #03a894, #03a894 10px, #1BC56B 10px, #1BC56B 30px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Js
import styled from '@emotion/styled' const TextGradient = styled('div')({ backgroundImage: 'repeating-linear-gradient(133deg, #03a894, #03a894 10px, #1BC56B 10px, #1BC56B 30px)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent' })
Save
Next
Grid view