CSS3 - Box Shadow


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. box-shadow: <color> <horizontal offset> <vertical offset> <blur>;
  2.  
  3. .selector {
  4. box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; /* Opera 10.5, IE 9.0 */
  5. -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; /* FF3.5+ */
  6. -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; /* Saf3.0+, Chrome */
  7. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff'); /* IE6,IE7 */
  8. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff')"; /* IE8 */
  9. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.