CSS3之transform之rotate二维、三维注意点

transform:rotateX(30deg);            二维旋转X

transform:rotateY(30deg);            二维旋转Y

transform:rotateZ(30deg);            二维旋转Z

transform:rotate(30deg,30deg);            二维旋转X,Y

transform:rotate3d(1,1 , 0 ,  45deg);           三维旋转X,Y,Z

错误写法:transform:rotate(30deg,30deg,30deg);

二维实例:

CSS3之transform之rotate二维、三维注意点_第1张图片

                   原图                transform:rotateX(30deg);      transform:rotateY(30deg);         transform:rotateZ(30deg)






你可能感兴趣的:(CSS3)