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有了更明确的指向性,针对性。

猜你喜欢

转载自www.cnblogs.com/dengpu/p/11462827.html