CSS Studio

Interactive Learning

Pro Tip

Use the Inspector tool to debug your layouts visually.

Color & Gradient

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