CSS3中的3D旋转 rotate、3D位移 translate

这里只考虑 chrome 的兼容。

3DrotateDemo.html




    
    3D旋转的Demo
    
    


    

rotate x: 0deg


rotate y: 0deg


rotate z: 0deg


运行结果如下:

CSS3中的3D旋转 rotate、3D位移 translate_第1张图片


3DtranslateDemo.html




    
    3D位移的Demo
    
    


    

translate x: 0px


translate y: 0px


translate z: 0px




运行结果如下:

CSS3中的3D旋转 rotate、3D位移 translate_第2张图片


你可能感兴趣的:(Web前端)