Create gradient-filled text with background-clip — pick your stops, angle, size, and weight
Color stops (2)
Settings
Preview
CSS output
background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
font-size: 64px;
font-weight: 800;