css,css图片标签,css伪属性名,css3x轴,图片如何改为css,如何在中设置动态图片css,淘宝css?

关联属性:transform-origin。

取值

rotate();是一个角度值,单位是deg,可以是正数也可以是负数,正数表示顺时针旋转,负数表示逆时针旋转。

rotateX(angele),相当于rotate3d(1,0,0,angle),指定3维空间中的X轴旋转

rotateY(angele),相当于rotate3d(0,1,0,angle),指定3维空间中的Y轴旋转

rotateZ(angele),相当于rotate3d(0,0,1,angle),指定3维空间中的Z轴旋转

语法

t

变换:旋转();

CSS

.顺时针旋转{

-webkit-transform:旋转(45deg);

-moz-变换:旋转(45度);

位置:绝对;

左:10px;

顶部:80px;

}

.逆时针旋转{

-webkit-transform:旋转(-45deg);

-moz-变换:旋转(-45度);

位置:绝对;

左:200px;

顶部:80px;

}

.rotateX{

-webkit-transform:透视(800px)旋转X(60deg);

-moz-变换:透视(800px)旋转X(60deg);

位置:绝对;

左:400px;

顶部:80px;

}

.rotateY{

-webkit-transform:透视(800px)旋转Y(60deg);

-moz-变换:透视(800px)旋转Y(60deg);

位置:绝对;

左:600px;

顶部:80px;

}

.rotateZ{

-webkit-transform:透视(800px)旋转Z(60deg);

-moz-变换:透视(800px)旋转Z(60deg);

位置:绝对;

左:800px;

顶部:80px;

}

HTML

顺时针旋转45度