CSS 函数

是的,CSS 除了属性、选择器,还有函数。函数用于充当属性的值,比如:

background-image: linear-gradient(#e66465, #9198e5);

上述函数 linear-gradient() 是用来创建一个线性的渐变图像。CSS 中有如下这些函数:

函数名 描述
attr() 返回选择元素的属性值
calc() 允许计算 CSS 的属性值,比如动态计算长度值
cubic-bezier() 定义了一个贝塞尔曲线(Cubic Bezier)
hsl() 使用色相、饱和度、亮度来定义颜色
hsla() 使用色相、饱和度、亮度、透明度来定义颜色
linear-gradient() 创建一个线性渐变的图像
radial-gradient() 用径向渐变创建图像
repeating-linear-gradient() 用重复的线性渐变创建图像
repeating-radial-gradient() 类似 radial-gradient(),用重复的径向渐变创建图像
rgb() 使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色
rgba() 使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色
var() 用于插入自定义的属性值

以上参考

https://www.runoob.com/cssref/css-functions.html

posted @ 2020-11-01 22:34  介甫  阅读(105)  评论(0编辑  收藏  举报