css3立体循环旋转

图片:

css3立体循环旋转_第1张图片


 方法一:通过转动父元素





    
    CSS3 3D转换
    



    

方法二:通过转动子元素(backface-visibility: hidden;不显示背面,当一个转到背面的时候显示另一个的正面,所以要错开时间旋转,这里提前了2s,如果是推迟2s的话会中间有2s是空白)





    
    CSS3 3D转换
    



    

效果:

css3立体循环旋转_第2张图片

这是个gif。不知道为啥上传上来动不了。。。。

你可能感兴趣的:(CSS)