关于最近抖音上很火的，给女友的相册的源代码

最新推荐文章于 2022-08-20 21:06:58 发布

冲冲冲冲冲冲！！！

最新推荐文章于 2022-08-20 21:06:58 发布

阅读量3.2k

点赞数 5

分类专栏：源代码保存文章标签： html html5 jquery

本文链接：https://blog.youkuaiyun.com/m0_50654102/article/details/113480911

版权

关于最近抖音上很火的，给女友的相册的源代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
   <audio autoplay="autoplay" controls="controls" loop="loop" preload="auto"
            	src="改为你自己的音乐文件名">
      		你的浏览器版本太低，不支持audio标签
	</audio>
    <title>title</title>
    <style type="text/css">
      html{
   
          width: 100%;
          height: 100%;
        }
        .bigbox{
   
          width: 10px;
          height: 10px;
          margin: 200px 400px;
          position: relative;
        }
        .box{
   
          width:500px;
          height:300px;
          margin: 0 auto;
          transform-style: preserve-3d;
          transform: rotateX(-30deg) rotateY(-80deg);
          -webkit-animation: mystyle 15s infinite;
          animation-timing-function: linear;
        }
        @-webkit-keyframes mystyle{
   
          from{
   transform: rotateX(-180deg) rotateY(-180deg);}
          to{
   transform: rotateX(180deg) rotateY(180deg);}
        }
        .box div{
   
          position: absolute;
          width: