蜻蜓 发表于 2022-2-19 09:48

雪花落下


<p></p></div>
<style>
.hy {
      left:-10px; top: 150px;box-shadow:4px 4px 5px #333;
      position: relative;
      width: 1000px;
      height: 600px;
      overflow: hidden;
      background: #000 url('https://www.dlbbs.com/data/attachment/forum/202202/18/143310pgocbbzs5bdtb9xz.jpg') no-repeat;
}
.hy iframe {
      position: absolute;
      left: -108px;
      top: calc(100% - 90px);
      clip-path: circle(16px at 271px);
      opacity: 0.8;
}
.snow {
      position: absolute;
      top: 0; left: 0;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-image:
                  linear-gradient(0, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
                linear-gradient(45deg, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
                linear-gradient(90deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
                linear-gradient(135deg, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
      opacity: 0.5;
      animation: fly 16s linear infinite, xie 18s ease-in infinite;
}
@keyframes fly {
      100% { top: 100%; }
}
@keyframes xie {
      100% { transform: translateX(100px)rotate(360deg); }
}
</style>

<div id="hy" class="hy">
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=1429392929&auto=1&height=32"></iframe>
</div>
<br>&nbsp;</br>
<br>&nbsp;</br>
<br>&nbsp;</br>

<script language="javascript">

function addsnow() {
      var o = document.getElementById('hy');
      for(i=0; i<566; i++) {
                var snow = document.createElement('div');
                var hw = Rnd(5,20);
                snow.className = "snow";
                snow.style.top = Rnd(-600,-20) + "px";
                snow.style.animationDelay = Rnd(0,15) + "s";
                snow.style.animation.duration = Rnd( 5,12) + "s";
                snow.style.width = hw + "px";
                snow.style.height = hw + "px";
                snow.style.left = Rnd(-100,1190) + "px";
                o.appendChild(snow);
      }
}

function Rnd(min, max){ return Math.floor(Math.random() * (max - min + 1) + min); }

addsnow();


</script>


<br><br><br><br><br><br>

蜻蜓 发表于 2022-2-19 09:50

祝东篱三周岁生日快乐！也祝花落生日快乐！@花落千江水

秋水翦瞳 发表于 2022-2-19 09:52

就喜欢这样清爽的，漂亮。

蜻蜓 发表于 2022-2-19 09:53

秋水翦瞳 发表于 2022-2-19 09:52
就喜欢这样清爽的，漂亮。

这么早，没睡懒觉啊

缱绻 发表于 2022-2-19 10:00

每一片雪花都是来自远方的问候与祝福
每一片雪花都是来自心里的惦记与牵挂


祝贺，祝福花落生日快乐！{:10_403:}

秋水翦瞳 发表于 2022-2-19 10:00

蜻蜓 发表于 2022-2-19 09:53
这么早，没睡懒觉啊

我在上班呢

浅笑 发表于 2022-2-19 10:00

祝东篱三周岁生日快乐！{:10_402:}
漂亮的帖子

蜻蜓 发表于 2022-2-19 10:11

秋水翦瞳 发表于 2022-2-19 10:00
我在上班呢

周六不休息啊

蜻蜓 发表于 2022-2-19 10:12

缱绻 发表于 2022-2-19 10:00
每一片雪花都是来自远方的问候与祝福
每一片雪花都是来自心里的惦记与牵挂



Q早啊！同祝同祝{:10_402:}

蜻蜓 发表于 2022-2-19 10:12

浅笑 发表于 2022-2-19 10:00
祝东篱三周岁生日快乐！
漂亮的帖子

我又完成一贴，哈哈哈
页: [1] 2 3 4 5 6 7
查看完整版本: 雪花落下