”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > CSS变量可以模仿Sass的`darken()```颜色'''

CSS变量可以模仿Sass的`darken()```颜色'''

发布于2025-02-06
浏览:943

[2生成定义颜色的阴影?

使用相对颜色语法Can CSS Variables Mimic Sass's `darken()` Function for Color Shade Generation?
css介绍“相对颜色语法”,它启用了以下内容:

--color-primary-darkest: Darken the base color by 10% using hsl().

Usage

使用这些变量样式元素:

。按钮{ 背景:var( - 颜色 - 主要); } .button:盘旋, .button:焦点{ 背景:var( - 颜色 - 漆黑); } .button:活动{ 背景:var( - 颜色 - 彩绘最低); }

此方法允许您动态定义颜色阴影,而无需修改颜色变量,以三个阴影实现所需的梯度效果。
最新教程 更多>

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3