Is the Tailwind line real CSS?

No. It is a Tailwind class. Copy the background line if you are writing a stylesheet.

CSS Studio

Interactive Learning

On this tool

A gradient is a background image, not a background-color. If both are set, the color shows through only where the gradient is transparent.

The CSS line is a background value. The Tailwind line is a class name, not a CSS property.

What people get wrong

A gradient is a background image, not a background-color. If both are set, the color shows through only where the gradient is transparent.

Is the Tailwind line real CSS?: No. It is a Tailwind class. Copy the background line if you are writing a stylesheet.

Start Color

End Color

Angle (135°)135°

CSS Output

background: linear-gradient(135deg, #4f46e5, #9333ea);

Tailwind (JIT)

bg-gradient-to-br from-[#4f46e5] to-[#9333ea]

Gradient Preview