Instant CSS

Gradient Text Generator — Free Online CSS Tool

HomeToolsGradient Text

Configuration

Type
Angle45deg
0%
50%
100%
Font Size72px
Font Weight
Font Family
Alignment
Live Preview
Gradient Text
Generated CSS
background: linear-gradient(45deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;

font-size: 72px;
font-weight: 800;
font-family: sans-serif;
text-align: center;