1.属性函数attr():返回选中元素的属性值2.背景图片函数:linear-gradient():设置一个线性渐变作为背景图片.定义至少两种颜色(从上到下)radial-gradient():设置背景图片的径向渐变。至少定义两种颜色(从中心到边缘)thetaperedgradientimage-set():根据用户设备的分辨率匹配合适的图片image():指定一张图片或者图片替换,类似url()函数,比urlurl()增加了一些功能:使用URL加载外部资源element():将元素渲染为图片3.颜色函数:rgb():使用红(R)、绿(G)、蓝(B)三种颜色的叠加来生成各种Sample颜色rgba():利用红(R)、绿(G)、蓝(B)、透明度(A)的叠加生成各种颜色hsl():利用色相-饱和度-亮度模型(HSL)定义颜色hsla():使用色相、饱和度、亮度、透明度来定义颜色hwb():允许通过指定色相、白度和黑度分量以及颜色color-mod的alpha值来指定颜色值():等同于color(#29B4F0a()s()h()l()tint()shade()w()b()contrast());4.图形函数circle():创建一个圆形区域来遮蔽它应用于的元素ellipse():创建一个椭圆区域来遮蔽它应用于的元素inset():创建一个矩形区域来遮蔽它应用于多边形的元素():创建一个多边形区域来屏蔽它应用到的元素Elementpath():创建一个自定义区域来屏蔽它应用到的元素5.滤镜函数blur():对图像应用模糊效果Brightness():调整图像的亮度contrast():调整图像的对比度drop-shadow():为图像设置阴影效果grayscale():为图像设置阴影效果hue-rotate():应用色调旋转到imageinvert():反转输入图像opacity():转换图像的透明度saturate():转换图像饱和度sepia():转换图像饱和度6.转换函数matrix():指定一个二维变换的形式一个六值(a,b,c,d,e,f)变换矩阵,非常适合直接应用[a,b,c,d,e,f]变换矩阵matrix3d():定义3D变换使用16个值中的4个x4矩阵perspective():定义3D变换元素的透视图rotate():指定物体的2D旋转(2Drotation),需要先定义transform-origin属性rotate3d():定义3D旋转rotateX():沿X轴的3D旋转rotateY():沿Y轴的3D旋转rotateZ():沿Z轴的3D旋转scale():指定物体的2D缩放(2D缩放)scale3d():指定物体的2D缩放object(3DZoom)scaleX():指定物体X轴的(水平方向)缩放scaleY():指定物体Y轴的(垂直方向)缩放scaleZ():指定物体的(垂直方向)缩放object'sZaxisskew():指定物体Obliquetwist,2DskewtransformationalongingtheX,YaxesskewX():指定物体X轴的(水平)扭曲skewY():指定物体的(垂直)扭曲指定物体的Y轴translate():指定物体的2D平移(2Dtranslation)translateX():指定物体X轴的平移(水平方向)translateY():指定物体Y轴的平移(垂直方向)translateZ():指定物体Z轴的平移(垂直方向)translate3d():指定物体的2D平移(2Dtranslation)VII.数学函数calc():允许计算CSS属性值,比如动态计算长度值min():从逗号分隔表达式中选择一个最小值作为CSS属性值max():从逗号分隔符中选择一个最大值expression作为CSS的属性值mixmax():定义一个封闭的长度和宽度范围,与CSS网格布局一起使用repeat():以更紧凑的形式写入大量的列或行显示重复的模式8.缓动函数cubic-bezier():老版本togglesteps():step函数,该函数可以起到定格动画的效果9.其他函数counter():将计数器的值添加到元素counters():将计数器的值添加到不同嵌套层次的元素中toggle():允许后代元素将继承的值替换为值序列中的值var():插入自定义属性的值symbols():允许自定义序列号的符号,如list-style图所示:
