动态魔方照片

动态魔方照片

  • 效果图
  • 源码

效果图

源码

<!DOCTYPE html>
   <html>
   <head>
       <meta charset="UTF-8">
       <title>cube_3D</title>
       <link href="css/3D.css" rel="stylesheet" /> //这个文件是核心
       [参考这个链接](https://download.csdn.net/download/qq_43919294/11952389)
   </head>
 <body>
     <div class="container">
        <div class="box">
            <ul class="cube_1">
                <li><img src="images/1.jpg"></li>
                <li><img src="images/2.jpg"></li>
                <li><img src="images/3.jpg"></li>
                <li><img src="images/4.jpg"></li>
                <li><img src="images/5.jpg"></li>
                <li><img src="images/6.jpg"></li>
            </ul>
             <ul class="cube_2">
               <li><img src="images/7.jpg"></li>
               <li><img src="images/8.jpg"></li>
               <li><img src="images/9.jpg"></li>
               <li><img src="images/1.jpg"></li>
               <li><img src="images/2.jpg"></li>
               <li><img src="images/3.jpg"></li>
             </ul>
         </div>
     </div>
 </body>
</html>

你可能感兴趣的:(前端篇,HTML5,魔方,3D照片)