修改LESS变量的alpha不透明度

ben*_*ben 161 css variables alpha opacity less

使用LESS,我知道我可以改变颜色变量的饱和度或色调.看起来像这样:

background: lighten(@blue, 20%);
Run Code Online (Sandbox Code Playgroud)

不过,我想改变颜色的alpha不透明度.最喜欢这样:

background: alpha(@blue, 20%);
Run Code Online (Sandbox Code Playgroud)

在LESS有一个简单的方法吗?

Sco*_*ttS 289

网站的文件给出了答案:

background: fade(@blue, 20%);
Run Code Online (Sandbox Code Playgroud)

函数名称fadealpha符合该文档.

  • 作为记录,`fade()` 不适用于 CSS vars -- 即 `fade(var(--mycolor), 20%)` (3认同)
  • 我同意“淡入淡出”对我来说似乎不准确。Sass 做对了:alpha()、opacity() 和 rgba()。 (2认同)

Adr*_*uez 24

为了完整

淡入

降低颜色的透明度(或增加不透明度),使其更不透明.

例: __CODE__

淡出

增加颜色的透明度(或降低不透明度),使其不透明.要在另一个方向淡出,请使用fadein.

例: __CODE__

褪色

设置颜色的绝对透明度.可以应用于颜色,无论它们是否已具有不透明度值.

例: __CODE__

资源