Drop shadow through CSS3

There is an little bit confusion generally we call it as drop shadow but in css3 there is an attribute named as BOX-SHADOW


/* Css for box shadow */

#dropShadow{
box-shadow:#333 3px 3px 4px;
/*box-shadow:color of shadow axis of shadow amount of blurr amount of spread blurr */
-moz-box-shadow:3px 3px 4px #333;
-webkit-box-shadow:#333 3px 3px 4px;
width:200px;
padding:7px;
height:100px;
background:#993300;
margin:10px;
}

/* css for box shaow */

#boxShadow{
-moz-box-shadow:3px 3px 4px #333333;
-webkit-box-shadow:#333 3px 3px 4px;
background-color:#006699;
color:#FFFFFF;
height:100px;
margin-left:50px;
padding:0 7px;
width:550px;
}

Categories: CSS

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s