scss SCSS:Mixin背景渐变
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss SCSS:Mixin背景渐变相关的知识,希望对你有一定的参考价值。
@mixin background-gradient($startColor: #0F4086, $endColor: #006AB4) {
background-color: $startColor;
background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
background-image: -webkit-linear-gradient(top, $startColor, $endColor);
background-image: -moz-linear-gradient(top, $startColor, $endColor);
background-image: -ms-linear-gradient(top, $startColor, $endColor);
background-image: -o-linear-gradient(top, $startColor, $endColor);
background-image: linear-gradient(top, $startColor, $endColor);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#{$startColor}', endColorStr='#{$endColor}');
}
以上是关于scss SCSS:Mixin背景渐变的主要内容,如果未能解决你的问题,请参考以下文章
scss Sass mixin可快速添加渐变
在 SCSS 的 for 循环中生成线性渐变
scss 指南针mixin背景椭圆+后备
scss 视网膜背景Mixin
scss Sass功能和mixin用于设置对比背景和前景色
text 使用此输入占位符SCSS Mixin更改占位符属性的颜色。添加背景颜色或只更改文本颜色