How to Costumize CSS Box Shadow

This is about box shadow, you may often see a lot of websites with attractive appearance plus another with a slight touch using the CSS3 box shadow style, Hummm ... Box Shadow very nice indeed visible on the display of a website or a blog.

If you are familiar with CSS3 then it was not foreign to you. for example you can see image picture below:

where the design looks a slide show using shadow box, looks nice and elegant. So How to Costumize CSS Box Shadow ?

# Xshadow {border: 1px #666;
box-shadow: inset 0px 0px 7px -2px #666;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}

if you want to use the shadow leads into the box, use the inset

but if you want the shadow leads to the outside of the box, change to outset, for shadow colors please use dark colors such as #666 (Black color).

To measure the thickness of the shadow and shadow, please experiment itself for example you can change to

box-shadow: inset 0px 0px 5px -4px #666; etc.

thanks that's it.

keyword: Box shadow CSS3, Costum Box Shadow, Amazing Box Shadow, How to Costum Box shadow

How to Costumize CSS Box Shadow 2015-07-18T01:32:00-07:00 Rating: 4.5 Diposkan Oleh: morellocyber