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(17deg, #3719d9, #3719d9 10px, #5173D2 10px, #5173D2 30px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Js
import styled from '@emotion/styled' const TextGradient = styled('div')({ backgroundImage: 'repeating-linear-gradient(17deg, #3719d9, #3719d9 10px, #5173D2 10px, #5173D2 30px)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent' })
Save
Next
Grid view