H5 - css3（学习c3的第一天）

css3 中的转换：可以对元素进行移动、缩放、装懂、拉长或拉伸。

属性值：transform

           每个浏览器的内核都不同，所以对应的前缀也不同，谷歌的是：  -webkit-  ；  ie的是  -ms-  ；  火狐的是  -moz-

  2D旋转属性

      translate()   根据给定的参数，从当前元素位置移动

      rotate()        给定度数旋转元素，允许负值(元素逆时针旋转)

      scale()         该元素增加或减少的大小，取决于宽度(X值)和高度(Y值)的参数

      skew()          包含两个参数值，分别代表X轴和Y轴倾斜的角度，参数空，默认为0；参数为负值，表示反方向倾斜

3D旋转属性

     perspective  视距  属性值时number  这个属性不添加在3D元素本身，给这个元素的父级并且这个属性前面必须带上浏览器自身的前缀。

     相比2D旋转，3D有了更明确的指向性，针对性。

转载于:https://www.cnblogs.com/dengpu/p/11462827.html