Rad Sparkle
Text Gradient
Degrees
Color
#2bfc3b
Color
#98EC6F
Ratio
Size
Canvas
Text
Background
#fff
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(147deg, #2bfc3b, #2bfc3b 10px, #98EC6F 10px, #98EC6F 30px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Js
import styled from '@emotion/styled' const TextGradient = styled('div')({ backgroundImage: 'repeating-linear-gradient(147deg, #2bfc3b, #2bfc3b 10px, #98EC6F 10px, #98EC6F 30px)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent' })
Save
Next
Grid view