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背景渐变的主要内容，如果未能解决你的问题，请参考以下文章