CSS Box-Shadow Generator
Set the shadow with sliders, preview it live and copy the CSS code.
💡 What's this for?
With this tool you can easily build shadows for website elements by dragging sliders for position, blur and colour. You see the result instantly and copy the finished CSS code into your project with a single click.
🐤 Want Canary to keep an eye on this for you?
This tool checks once. Canary checks your whole website every day and alerts you instantly when something breaks technically and costs you Google traffic. Start a free health check →