public
Created

  • Download Gist
gradient.css
CSS
1 2 3 4 5 6 7
div {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(30px, #ffcccc), color-stop(100px, #33ff33), color-stop(100%, #000000));
background: -webkit-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
background: -moz-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
background: -o-linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
background: linear-gradient(#ffffff, #ffcccc 30px, #33ff33 100px, #000000);
}
gradient.scss
SCSS
1 2 3 4 5
@import "compass/css3";
 
div {
@include background(linear-gradient(#fff, #fcc 30px, #3f3 100px, #000));
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.