在Sass中的$ primary-color上设置不透明度\[duplicate\]

上海社会科学院 CSS

十三

2020-03-23

是否可以在sass变量中定义为原色/副色的颜色上包含不透明度?用lighten($ color,amount)函数的方式?

第2930篇《在Sass中的$ primary-color上设置不透明度\[duplicate\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
2020.03.23

您可以使用rgba,即

$primary:rgba(20,20,20, .5);

它也适用于十六进制值

$primary:rgba(#4B00B5, .3);

您还可以基于变量值设置颜色的不透明度。例如:

$primary-color:#a61723;
....
color:rgba($primary-color, .5);

演示版

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android