CSS – Box Shadow Effect outset & inset

by | Nov 23, 2014 | Blog, HTML & CSS Tutorials, Web Designs | 0 comments

css box shadow effect inset

Examples for box shadow effects (outset & inset)
 
 

Box shadow effect – Outset

#box {
box-shadow:5px 5px 5px #333;
background:#eee;
padding:25px;
border-radius:5px;
}

 
 

#box {
box-shadow:0px 0px 30px #333;
background:#eee;
padding:25px;
border-radius:5px;
}

 
 

Box shadow effect – Inset

#box {
box-shadow:inset 2px 2px 2px #333;
background:#eee;
padding:25px;
border-radius:5px;
}

 
 

#box {
box-shadow:inset 0px 0px 30px #333;
background:#eee;
padding:25px;
border-radius:5px;
}

 
 

Don't forget to Like | Share | Subscribe !

Thank you for visiting our blog. Have a nice day :)

You may also like

Submit a Comment

Your email address will not be published. Required fields are marked *

Shares
Share This