Revision: 60067
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at October 19, 2012 01:43 by halk
Initial Code
/* Mixin */
.quick-gradient (@origin: left, @alpha: 0.2) {
background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
}
//EXAMPLE USE
body {
background-color:#3F4C6B;
.quick-gradient(top, 0.2);
color:gold;
margin: 80px;
}
Initial URL
Initial Description
Generate Gradients Simply and Quicly
Initial Title
LESS MIXIN Simple Quick Gradient
Initial Tags
Initial Language
CSS