All tools
Gradient & Shadow Builder
Design CSS gradients and multi-layer box shadows visually, then copy the exact declaration.
Runs entirely in your browser — nothing you paste is uploaded.
Loading tool…
Design CSS gradients and multi-layer box shadows visually, then copy the exact declaration.
Runs entirely in your browser — nothing you paste is uploaded.
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);