CSS Box Shadow Generator
Generate CSS box-shadow properties with live preview and multiple shadow layers
Shadow Settings
Configure multiple shadow layers for your element
Shadows (1)
Shadow 1
Live Preview
Preview your box shadow in real-time
Preview Element
Generated CSS
Copy the CSS code to use in your projects
0px 4px 6px 0px rgba(0, 0, 0, 0.25)
Usage Examples
How to use box-shadow in your CSS
CSS Class
.shadow-element {
box-shadow: ;
}Inline Style
<div style="box-shadow: ;"> Content </div>
Related Tools
Discover other useful tools that work well with your current tool
Hash Generator
Generate MD5, SHA-1, SHA-256, and other hash values for text and files
Popular
Password Generator
Generate secure passwords with customizable length, characters, and complexity
Popular
QR Code Generator
Generate QR codes for text, URLs, emails, phone numbers, and more
Popular