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;

/*

评论 63
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值