CSS 使用Sass的跨浏览器CSS渐变

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 使用Sass的跨浏览器CSS渐变相关的知识,希望对你有一定的参考价值。

@mixin gradient($first, $second) {
  background: $second;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$first', endColorstr='$second');
  background: -webkit-gradient(linear, left top, left bottom, from($first), to($second));
  background: -moz-linear-gradient(top,  $first,  $second);
}

.gradient {
  @include gradient(black, white);
}

以上是关于CSS 使用Sass的跨浏览器CSS渐变的主要内容,如果未能解决你的问题,请参考以下文章

scss 渐变强调#css #sass

酷炫的阴影3D进度条:CSS/Sass

css使用线性渐变属性没有用是怎么回事

为啥渐变出不来,css3

怎么设计css网页背景颜色过渡?

CSS3的各种渐变