Give shadow effect using css

Another feature that has gained popularity with the advent of css3 is giving shadow effects to html objects.It not only improves the visual experience of the user but also gives 3d effects to user.Also giving such shadow effects is as easy as eating a piece of cake.Here is the css code to give shadow effect:



img
{
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;

}


If you add the above code to your css file all the images in your design will show shadow effect.

Tweak it and enjoy!!!!!!!!!!


No comments:

Post a Comment