CSS DIV display a shadow around the box



So here I am going to show you how to add a nice shadow to your DIV box with the help of CSS code.
Almost like in Photoshop you can set up many different things and manipulite the shadow in different directions.

I recommend you just to play a bit around as it’s fast and easy to understand. You could also get Firebug to test things out before you add them to your .css file.


The following CSS code gonna add a shadow to your DIV box

-moz-box-shadow: 0px 0px 30px 0px #000; 
-webkit-box-shadow: 0px 0px 30px 0px #000; 
box-shadow: 0px 0px 30px 0px #000;


This is the code I’ve used for the screenshot above of my design so you’ll get the exact same result with this code.

Have fun with your CSS shadow ;)

Leave a Comment