HTML5复习 (12)

CSS3 3D转换

一、rotate

transform: rotateX(); //绕着X轴旋转

transform: rotateY();  //绕转Y轴旋转

transform: rotateZ();  //绕转Z轴旋转

transform: rotate3d(x,y,z,angle);  // 第四个参数不能省略

二、translate

transform:translateZ();

transfrom:translate3d(x,y,z);

三、scale

transform:scale();

transform:scale3d(x,y,z);

四、matrix

后面会有详细的笔记

五、transform与坐标系统

transform-origin:x-axis,y-axis,z-axis;

指定绕哪一个点旋转。