The css3 property box-shadow allows to add without the use of images a shadow effect to the selected elements.
Thanks to the different values of the box-shadow, we can specify that the shadow is positioned to the left/right or top/bottom on the outside of the element, its gradient of blur and its color.
The box-shadow is not part of the so-called ‘box-model’, meaning that the shadow is not considered in the final total measure of the element.
This css3 property can be combined with other properties such as css3 border-radius.
NB: The css3 property box-shadow is at the moment supported by Safari 3.1+ adding the prefix -webkit., Firefox 3.5+ adding the prefix -moz. (updated May 2009)
Continue to read >>
{ 29 comments }
