css3 中的转换:可以对元素进行移动、缩放、装懂、拉长或拉伸。
属性值:transform
每个浏览器的内核都不同,所以对应的前缀也不同,谷歌的是: -webkit- ; ie的是 -ms- ; 火狐的是 -moz-
2D旋转属性
translate() 根据给定的参数,从当前元素位置移动
rotate() 给定度数旋转元素,允许负值(元素逆时针旋转)
scale() 该元素增加或减少的大小,取决于宽度(X值)和高度(Y值)的参数
skew() 包含两个参数值,分别代表X轴和Y轴倾斜的角度,参数空,默认为0;参数为负值,表示反方向倾斜
3D旋转属性
perspective 视距 属性值时number 这个属性不添加在3D元素本身,给这个元素的父级并且这个属性前面必须带上浏览器自身的前缀。
相比2D旋转,3D有了更明确的指向性,针对性。