前端：CSS3 2D动画

transform:none(用于块状元素和行内元素)

1、鼠标经过时旋转：rotate()

transform:rotate(<angle>)接收角度参数

2、鼠标经过时缩放：scale()

transform:scale(x倍数，y倍数)

 

3、鼠标经过时移动：translate()

transform:translate(x偏移，y偏移)

4、鼠标经过时倾斜：skew()

transform:skew(x倾斜，y倾斜)

5、鼠标经过时复杂变化，矩阵函数：matrix()

transform:matrix(x缩放，x倾斜，y倾斜，y缩放，x移动，y移动)

6、复合样式

transform:translate(80,80) rotate(45deg) scale(1.5,1.5)

7、设置变换原点：transform-origin()

括号内两个参数，可取以下值

初始值：50% 50%

具体值：em px deg

关键词：left center right\top middle bottom