Posted By

viatropos on 08/12/10

Tagged

css
html
browser

Versions (?)

Last Edited at 08/12/10 07:16am

Statistics

Viewed 902 times

Favorited by 2 user(s)

Related snippets

Cross Browser CSS Box Shadow with Sass

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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