今天分享一个3d翻转动画效果，js+css3+h5实现，没有框架。

先看下html部分：

1 
      
        2     
       
         3         
        
 4         
        
 5         
        
 6         
        
 7     
       
 8     
       上一页 9     
       下一页10 
      

一个父容器，里面包裹一个ul，然后用li存放5张自己喜欢的图片

下面是css3部分：

里面主要用到css3的 transform3d旋转 和 transition的过度动画。“transform-style: preserve-3d;”这句话一定要写在动画的父容器里面，否则3d效果看不出来。

下面贴出js部分：

1 

里面主要就是操作点击事件和动态控制照片旋转效果。

最后，大家可以新建一个html文件，把上面3个部分直接拷贝，可以直接在浏览器运行。