CSS3--transform

transform:向元素应用2D或3D转换,该属性允许我们对属性旋转,缩放,移动,或倾斜。

  transfrom:none;定义不进行转换

  transfrom:matrix(n,n,n,n,n,n);定义2D转换,使用六个值的规阵

  transfrom3d:matrix(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n);定义3D转换,使用十六个值的4*4规阵

  transfrom:translate(x,y);定义2D转换。

  transfrom:translate3d(x,y,z);定义3D转换

  transfrom:translateX(x);定义转换,只是用X轴的值

  transfrom:translateY(y);定义转换,只是用Y轴的值

  transfrom:translateZ(z);定义3D转换,只是用Z轴的值

  scale(x,y);定义2D缩放转换

  scale3d(x,y);定义3D缩放转换

  scaleX(x);通过设置X轴的值来定义缩放转换

  scaleY(y);通过设置Y轴的值来定义缩放转换

  scaleZ(z);通过设置z轴的值来定义3d缩放转换

  rotate(angle);定义2D旋转,在参数总规定角度([number]deg)

  rotate3d(x,y,z,angle);定义30D旋转

  rotateX(angle);定义沿着X轴的3D旋转。

  rotateY(angle);定义沿着Y轴的3D旋转

  rotateZ(angle);定义沿着Z轴的3D旋转

  skew(x-angle,y-angle);定义沿着X和Y轴的2D倾斜旋转。

  skewX(angle);定义沿着X轴的2D倾斜转换

  skewY(angle);定义沿着Y轴的2D倾斜转换

  perspective(n);为3D转换元素定义透视视图

posted @ 2016-12-27 14:04  小短腿奔跑吧  阅读(158)  评论(0编辑  收藏  举报