kouto-swiss/test/cases/mixins-linear-gradient.css

A complete CSS framework for Stylus

div {
  background-image: -webkit-linear-gradient(#000,#fff);
  background-image: -moz-linear-gradient(#000,#fff);
  background-image: -ms-linear-gradient(#000,#fff);
  background-image: -o-linear-gradient(#000,#fff);
  background-image: linear-gradient(#000,#fff);
}
div {
  background-image: -webkit-linear-gradient(135deg,#ff0,#008000);
  background-image: -moz-linear-gradient(135deg,#ff0,#008000);
  background-image: -ms-linear-gradient(135deg,#ff0,#008000);
  background-image: -o-linear-gradient(135deg,#ff0,#008000);
  background-image: linear-gradient(-45deg,#ff0,#008000);
}
div {
  background-image: -webkit-linear-gradient(bottom left,#f00,#fff 30%,#00f);
  background-image: -moz-linear-gradient(bottom left,#f00,#fff 30%,#00f);
  background-image: -ms-linear-gradient(bottom left,#f00,#fff 30%,#00f);
  background-image: -o-linear-gradient(bottom left,#f00,#fff 30%,#00f);
  background-image: linear-gradient(to top right,#f00,#fff 30%,#00f);
}
div {
  background-image: -webkit-linear-gradient(#000 15%,#fff 75%);
  background-image: -moz-linear-gradient(#000 15%,#fff 75%);
  background-image: -ms-linear-gradient(#000 15%,#fff 75%);
  background-image: -o-linear-gradient(#000 15%,#fff 75%);
  background-image: linear-gradient(#000 15%,#fff 75%);
}
div {
  background-image: -webkit-linear-gradient(right,#000 15%,#fff 75%);
  background-image: -moz-linear-gradient(right,#000 15%,#fff 75%);
  background-image: -ms-linear-gradient(right,#000 15%,#fff 75%);
  background-image: -o-linear-gradient(right,#000 15%,#fff 75%);
  background-image: linear-gradient(to left,#000 15%,#fff 75%);
}