LessCss mixins - gradient
Published on 30.09.2012
Един мъничък mixin за Lesscss който генерира (почти) всички варианти за css3 градиенти:
[css]
.gradient_(@from,@to){
background: @from;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background: -webkit-gradient(
linear,
left top, left bottom,
from(@from),
to(@to)
);
background: -webkit-linear-gradient(
top,
@from,
@to
);
background: -moz-linear-gradient(
top,
@from,
@to
);
background: -o-linear-gradient(
top,
@from,
@to
);
background: linear-gradient(
top,
@from,
@to
);
}
[/css]
Използва се по познатия начин:
[css] .gradient_(#efebec,#e1e1e1); [/css]