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更改占位符属性的颜色。添加背景颜色或只更改文本颜色