div.container
View Compiled
/* 定义线性渐变
@params $direction 方向
@params $gradients 颜色过渡的值列表
*/
//$gradients... 这里是个可变参数
@mixin linear-gradient($direction,$gradients...) {
background-color: nth($gradients,1);
background-image: linear-gradient($direction,$gradients);
}
.container{
@include linear-gradient(to right,#f00,orange,yellow);
width: 400px;
height: 200px;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.