Text Gradient CSS Generator

Generate CSS for gradient text effects.

Text

Size (px)

Type

Angle (90°)

Bold

Color 1

Color 2

Color 3 (opt)

Gradient Text

CSS Output:

background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;