css3变形

发表于   |   分类于 ，   |  

css3变形是一些效果的集合，比如平移，旋转，缩放和倾斜，每个效果都被称为变形函数，它们可以控制元素发生旋转、缩放、平移等变化。

CSS变形属性及函数

  1. CSS3变形中具有X/Y可用的函数：translateX()、translateY()、scaleX()、scaleY()、skewX()和skewY()
  2. css3 2D变形函数包括：translate(),scale(),rotate()和skew()。translate()函数接受CSS的标准度量单位；scale()函数接受一个0~1之间的十进制值；rotate()和skew()函数都接受一个径向的度量单位deg。除了rotate()函数外，每个函数都接受X轴Y轴的参数。2D变形中还有一个矩阵matrix()函数，包含6个参数
  3. CSS3 3D变形包括：rotateX(), rotateY(),rotate3d(),translateZ(),translate3d(),scaleZ()和scale3d()。3D变形中也还有一个矩阵matrix3d()函数，包含16个参数。