Sunday, November 20, 2011

css3 box shadow

box-shadow is part of CSS 3. This property allows you to add multiple shadows (outer or inner) on box elements. To do that you must specify values as: color, size, blur and offset.
There are so many online website where you can generate shadow effect.




#shadow  

{
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

inset changes the shadow from an outer shadow (outset) to an inner shadow 
.shadow {
 -moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
  box-shadow:inset 0 0 10px #000000;
 }

No comments: