html+css制作3D七夕表白旋转相册特效

一个温暖的拥抱，一句轻声的问候，一个暖心的笑容，一双坚实的双手，让我们日久天长，健健康康，快乐每一天！祝你们七夕快乐！一个基于html+css制作简易的3D七夕表白旋转相册特效，就当送给你们当作七夕表白的礼物吧！记得送给自己喜欢的人，嘿嘿嘿。

一、3D七夕表白旋转相册特效效果图

二、页面背景设置

   *{
   
       padding:0px;
       margin:0px;
   }

高度设置成100%，具体高度以自身所需为准

   body{
   
       height:100%;
   }
   

/* background-size:100% 100%;按容器比列撑满,图片变形 */

  body{
   
     /*  background-size:100% 100%;按容器比列撑满,图片变形 */
    background-image:url("images/3.png") 
    /* background-size:100% 100%; */
   }

   #box{
   
       width:280px;
       height:400px;
   }

/*生成绝对定位的元素 */

   position:fixed;
   left:0px;
   right:0px;
   top:0;
   bottom:0px;

/*