Posted By

viatropos on 08/12/10

Tagged

css
html
browser

Versions (?)

Last Edited at 08/12/10 08:00am

Statistics

Viewed 822 times

Favorited by 1 user(s)

Related snippets

Cross Browser CSS Gradients with Sass

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

@mixin gradient($first, $second) {
  background: $second;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$first', endColorstr='$second');
  background: -webkit-gradient(linear, left top, left bottom, from($first), to($second));
  background: -moz-linear-gradient(top,  $first,  $second);
}
 
.gradient {
  @include gradient(black, white);
}