sass darken函数在css 中不显示颜色怎么回事

html-css021

sass darken函数在css 中不显示颜色怎么回事,第1张

在Sass的官方文档中,列出了Sass的颜色函数清单,从大的方面主要分为RGB、HSL和Opacity三大类函数,当然其还包括一些其他颜色函数,比如说adjust-color、change-color等等。

可以看到CSS3 mix-blend-mode chrome firefox 支持良好,都不用私有前缀

mix-blend-mode: normal          //正常

mix-blend-mode: multiply        //正片叠底

mix-blend-mode: screen          //滤色

mix-blend-mode: overlay         //叠加

mix-blend-mode: darken          //变暗

mix-blend-mode: lighten         //变亮

mix-blend-mode: color-dodge     //颜色减淡

mix-blend-mode: color-burn      //颜色加深

mix-blend-mode: hard-light      //强光

mix-blend-mode: soft-light      //柔光

mix-blend-mode: difference      //差值

mix-blend-mode: exclusion       //排除

mix-blend-mode: hue             //色相

mix-blend-mode: saturation      //饱和度

mix-blend-mode: color           //颜色

mix-blend-mode: luminosity      //亮度

mix-blend-mode: initial         //初始

mix-blend-mode: inherit         //继承

mix-blend-mode: unset           //复原