Difference between shadow effect in css2 to css3

Creating shadow in css2 is little beat tuff.we do not have stright attribute to make shadow and make our life easier in css2.Instead of  we have to do .png image along with one special div defined before any other content/divs on your webpage.

New Attribute in CSS3 is box-shadow which allows nice shadow effect.

Mozilla Firefox 3.1 Beta (Not Mozilla Firefox 3) and Safari 3 + will display the shadow effect that the box-shadow displays but If you using Internet Explorer then your screwed.

Css3 Example


.Content {
width:300px;
background:#eeeeee;
color:#444;
border:1px solid #DEDEDE;
-moz-box-shadow: 15px 15px 0px #999;
padding: 5px 20px 5px 20px;
-webkit-box-shadow: 15px 15px 0px #999;
}

Css3 Menu,http://css3menu.com/ along with css3 rounded corners and gradients.

This entry was posted in Categories, CSS3. Bookmark the permalink.