Posted By

viatropos on 08/12/10


Tagged

css html opacity browser stylesheet SASS cross scss


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

manjarco
Merstzik


Cross Browser CSS Box Shadow with Sass


 / Published in: CSS
 

URL: cross-browser-css-box-shadow-with-sass

  1. @mixin shadow($color: #333333) {
  2. -moz-box-shadow: 0px 1px 2px $color;
  3. -webkit-box-shadow: 0px 1px 2px $color;
  4. box-shadow: 0px 1px 2px $color;
  5. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
  6. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color');
  7. }
  8.  
  9. .shadow {
  10. @include shadow(#111111);
  11. }

Report this snippet  

You need to login to post a comment.