HTML5+CSS3+JS学习笔记-3

之前学习了使用CSS3实现一个3D相册,今天突然想到,既然可以水平旋转,为啥不能垂直旋转呢!于是我试着改变几个参数,3D相册的效果就变形了。


垂直旋转截图:

HTML5+CSS3+JS学习笔记-3_第1张图片HTML5+CSS3+JS学习笔记-3_第2张图片

代码:





使用CSS3实现垂直旋转3D相册






 

   

     
1

     
2

     
3

     
4

     
5

     
6

     
7

     
8

     
9

   

 





垂直变形旋转截图:

HTML5+CSS3+JS学习笔记-3_第3张图片HTML5+CSS3+JS学习笔记-3_第4张图片

代码:





使用CSS3实现垂直变形旋转3D相册






 

   

     
1

     
2

     
3

     
4

     
5

     
6

     
7

     
8

     
9

   

 






你可能感兴趣的:(Html5学习,html5,css3)