今天给大家分享的案例是酷炫的3D照片墙

酷炫的3D照片墙

酷炫的3D照片墙

 

这个案例主要是通过 CSS3 和原生的 JS 来实现的,接下来我给大家分享一下这个效果实现的过程。博客上不知道怎么放本地视频,所以只能放两张效果截图了.

 

 1 <div id="perspective">
 2         <div id="wrap">
 3             <img src="img2/1.jpg"></img>
 4             <img src="img2/2.jpg"></img>
 5             <img src="img2/3.jpg"></img>
 6             <img src="img2/4.jpg"></img>
 7             <img src="img2/5.jpg"></img>
 8             <img src="img2/6.jpg"></img>
 9             <img src="img2/7.jpg"></img>
10             <img src="img2/8.jpg"></img>
11             <img src="img2/9.jpg"></img>
12             <img src="img2/10.jpg"></img>
13         </div>
14  </div>  
HTML内容

相关文章: