CSS3 变形小结_html/css_WEB-ITnose

Ø 旋转 rotate() （正 - 顺  负 - 逆） 

Ø 扭曲 skew()

Ø 缩放 scale()

Ø 位移 translate()

Ø 矩阵 matrix( a,b,c,d,e,f )

   a：水平伸缩量，1为原始大小

   b：纵向扭曲，0为不变

   c ：横向扭曲，0不变

   d：垂直伸缩量，1为原始大小

   e：水平偏移量，0为初始位置

   f  ：垂直偏移向，0是初始位置

Ø 原点 transform-origin()

    任何一个元素都有一个中心点，默认情况下，其中心点是居于

    元素X轴和Y轴的50%处（可通过transform-origin来对元素

    原点位置改变）