1 CSS3 Box Shadow Thu Dec 16, 2010 12:24 am
RockerMan
Technician
CSS3 Box Shadow Box shadow property for beginners |
OK so today we are going to learn about Box Shadow! The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). OK so lets take a look at the code
-moz-box-shadow: 5px 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px 5px #888; box-shadow: 5px 5px 5px 5px #888; This part is just refrencing the browser and what you want to do OK now for the numbers In order:
Thanks For Reading, Rob |
Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |
Last edited by RockerMan on Wed Jan 05, 2011 10:32 pm; edited 1 time in total