Advanced Search

CSS3 - Box Shadow

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

Expand | Embed | Plain Text

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.