共计 1938 个字符，预计需要花费 5 分钟才能阅读完成。
一、属性函数
attr() 返回所选元素的属性值
二、背景图片函数：
linear-gradient()：将线性突变设置为背景图像。定义至多两种色彩（从上到下）
radial-gradient()：将径向突变设置为背景图像。定义至多两种色彩（从核心到边缘）
conic-gradient()：锥形突变
repeating-linear-gradient()：反复线性突变
repeating-radial-gradient()：反复径向突变
repeating-conic-gradient()：反复锥形突变
image-set()：能够依据用户设施的分辨率匹配适合的图像
image()：指定图像或者图像代替，与 url() 性能相似，比 url 减少了一些性能
url()：应用 URL 来加载内部资源
element()：以将元素当作图片渲染
三、色彩函数：
rgb()：应用红 (R)、绿(G)、蓝(B) 三个色彩的叠加来生成各式各样的色彩
rgba()：应用红(R)、绿(G)、蓝(B)、透明度(A) 的叠加来生成各式各样的色彩
hsl()：应用色相 - 饱和度 - 亮度模型（HSL）定义色彩
hsla()：应用色相、饱和度、亮度、透明度来定义色彩
hwb()：容许通过指定色彩的色调、白度和黑度重量以及 alpha 值来指定色彩值
color-mod()：等价于 color(#29B4F0 a() s() h() l() tint() shade() w() b() contrast());
四、图形函数
circle()：创立一个圆形区域来屏蔽它所利用的元素
ellipse()：创立一个椭圆区域来屏蔽它所利用的元素
inset()：创立一个矩形区域来屏蔽它所利用的元素
polygon()：创立一个多边形区域来屏蔽它所利用的元素
path()：创立一个自定义区域来屏蔽它所利用的元素
五、滤镜函数
blur()：对图像利用含糊成果
brightness()：调整图像的亮度
contrast()：调整图像的对比度
drop-shadow()：给图像设置一个暗影成果
grayscale()：给图像设置一个暗影成果
hue-rotate()：给图像利用色相旋转
invert()：反转输出图像
opacity()：转化图像的通明水平
saturate()：转换图像饱和度
sepia()：转换图像饱和度
六、转换函数
matrix()：以一个含六值的 (a,b,c,d,e,f) 变换矩阵的模式指定一个 2D 变换，相当于间接利用一个 [a,b,c,d,e,f] 变换矩阵
matrix3d()：定义 3D 转换，应用 16 个值的 4×4 矩阵
perspective()：为 3D 转换元素定义透视视图
rotate()：指定对象的 2D rotation（2D 旋转），需先有 transform-origin 属性的定义
rotate3d()：定义 3D 旋转
rotateX()：沿着 X 轴的 3D 旋转
rotateY()：沿着 Y 轴的 3D 旋转
rotateZ()：沿着 Z 轴的 3D 旋转
scale()：指定对象的 2D scale（2D 缩放）
scale3d()：指定对象的 2D scale（3D 缩放）
scaleX()：指定对象 X 轴的（程度方向）缩放
scaleY()：指定对象 Y 轴的（垂直方向）缩放
scaleZ()：指定对象 Z 轴的（垂直方向）缩放
skew()：指定对象斜切扭曲，沿着 X 和 Y 轴的 2D 歪斜转换
skewX()：指定对象 X 轴的（程度方向）扭曲
skewY()：指定对象 Y 轴的（垂直方向）扭曲
translate()：指定对象的 2D translation（2D 平移）
translateX()：指定对象 X 轴（程度方向）的平移
translateY()：指定对象 Y 轴（垂直方向）的平移
translateZ()：指定对象 Z 轴（垂直方向）的平移
translate3d()：指定对象的 2D translation（2D 平移）
七、数学函数
calc()：容许计算 CSS 的属性值，比方动静计算长度值
min()：从逗号分隔符表达式中抉择一个最小值作为 CSS 的属性值
max()：从逗号分隔符表达式中抉择一个最大值作为 CSS 的属性值
mixmax()：定义了一个长宽范畴的闭区间，它与 CSS 网格布局一起应用
repeat()：以更紧凑的模式写入大量显示反复模式的列或行
八、缓动函数
cubic-bezier()：toggle 的旧版本
steps()：阶梯函数，这个函数可能起到定格动画的成果
九、其余函数
counter()：将计数器的值增加到元素
counters()：将计数器的值增加到不同的嵌套层级的元素
toggle()：容许子孙元素应用取值序列中的值循环替换继承而来的值
var()：插入自定义属性的值
symbols()：容许自定义序列号的符号，如 list-style
如图所示：