是的,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() | 用于插入自定义的属性值 |
以上参考