CSS Gradient and Shadow Generator
Build CSS gradients and box-shadows with a live preview and copyable code.
100% local - nothing is uploaded
About this tool
Generate CSS linear gradients and box-shadows visually, with a live preview and ready-to-copy code. Adjust colors, angle, blur, spread and offsets, then paste the CSS straight into your stylesheet. Runs locally, no sign-up.
What CSS does it output?
Standard background linear-gradient and box-shadow declarations that work in every modern browser.
Can I copy the result?
Yes - the generated CSS is shown in a field with a copy button.
advertisement