加林森 发表于 2022-5-26 16:47

《雪花谣》- 许嵩


<style>
.stage{
      margin: auto;
      position: relative;
      left: -202px;
      width: 1000px;
      height: 622px;
      background:#666 url('https://pic.imgdb.cn/item/628f3dfa094754312906cc35.jpg');
      perspective: 3000px;
      perspective-origin: 50% 50%;
      cursor: pointer;
}
.stage::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: url('https://638183.freep.cn/638183/Pic/2022/smoke1.gif') no-repeat center/cover;
      opacity: .1;
}
.circle {
      --x: 80px;
      position: absolute;
      width: var(--x);
      height: var(--x);
      right: 20px;
               top: 180px;
               left: 84px;
      transform-style: preserve-3d;
      animation: rot 5s linear infinite;
}
.circle div {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid #f0fcff;
      border-radius: 50%;
      padding: 0;
}
.circle div:nth-child(1){ transform:rotateY(0deg);}
.circle div:nth-child(2){ transform:rotateY(30deg);}
.circle div:nth-child(3){ transform:rotateY(60deg);}
.circle div:nth-child(4){ transform:rotateY(90deg);}
.circle div:nth-child(5){ transform:rotateY(120deg);}
.circle div:nth-child(6){ transform:rotateY(150deg);}
@keyframes rot{
      0%{ transform: rotateZ(30deg) rotateY(0turn);}
      100%{ transform: rotateZ(30deg) rotateY(1turn);}
}
</style>

<div class="stage">
      <div class="circle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
      </div>
</div>

<script>
var au = document.createElement('audio');
au.src = 'https://www.joy127.com/url/6664.mp3';
au.loop = true;
au.autoplay = true;
document.querySelector('.stage').appendChild(au);
document.querySelector('.circle').onclick = function() {
      au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
}
</script>

加林森 发表于 2022-5-26 16:47

本帖最后由 加林森 于 2022-5-26 16:49 编辑

雪花谣 - 许嵩

当我们丢失了语言

我的心像跌进深渊

守着今天没有永远

我的泪你不会发现

你给我的爱像尘埃

我已经看不到未来

你把我伤害梦还在

你却转身说要离开

风吹雪花 孤独结成伤疤

远去的爱 却离不开悲哀

风吹雪花 寂寞带我回家

曾经的梦 变成心疼啦

风吹雪花 孤独结成伤疤

远去的爱 却离不开悲哀

风吹雪花 寂寞带我回家

曾经的梦 变成心疼啦

the end

醉美水芙蓉 发表于 2022-5-26 17:11

加林森 发表于 2022-5-26 17:14

醉美水芙蓉 发表于 2022-5-26 17:11
队长这个图片漂亮，要是再加点雪花特效更漂亮！

嗯嗯，我没有加特效的。

东篱闲人 发表于 2022-5-26 17:18

加加除了玩鸟就玩球。。。{:5_116:}

加林森 发表于 2022-5-26 18:04

东篱闲人 发表于 2022-5-26 17:18
加加除了玩鸟就玩球。。。

就这样玩啊。。。。{:4_189:}

红影 发表于 2022-5-26 18:19

漂亮，队长又做一个线圈按钮，真漂亮{:4_187:}

加林森 发表于 2022-5-26 18:29

红影 发表于 2022-5-26 18:19
漂亮，队长又做一个线圈按钮，真漂亮

这个配的白色的了。

东篱闲人 发表于 2022-5-26 18:31

加林森 发表于 2022-5-26 18:04
就这样玩啊。。。。

玩的好！{:5_116:}

加林森 发表于 2022-5-26 18:36

哈哈哈哈，老兄话里有话啊。。。。。。。

红影 发表于 2022-5-26 20:24

加林森 发表于 2022-5-26 18:29
这个配的白色的了。

嗯嗯，很漂亮{:4_187:}

加林森 发表于 2022-5-26 20:25

红影 发表于 2022-5-26 20:24
嗯嗯，很漂亮

是的。天国感觉是白的。

梦油 发表于 2022-5-26 20:37

雪上面那红色的是什么 ?这样的颜色搭配真漂亮。

加林森 发表于 2022-5-26 20:39

梦油 发表于 2022-5-26 20:37
雪上面那红色的是什么 ?这样的颜色搭配真漂亮。

鸟啊

梦油 发表于 2022-5-26 20:49

加林森 发表于 2022-5-26 20:39
鸟啊

啥鸟？知道吗？倒是挺漂亮的。

加林森 发表于 2022-5-26 21:06

梦油 发表于 2022-5-26 20:49
啥鸟？知道吗？倒是挺漂亮的。

雪鸟

红影 发表于 2022-5-26 22:21

加林森 发表于 2022-5-26 20:25
是的。天国感觉是白的。

能配合图意就是好的。

梦油 发表于 2022-5-27 10:33

加林森 发表于 2022-5-26 21:06
雪鸟

这雪鸟在雪地里可真漂亮。

依蘩 发表于 2022-5-27 10:37

雪像云，风吹如雾

加林森 发表于 2022-5-27 10:42

依蘩 发表于 2022-5-27 10:37
雪像云，风吹如雾

是的是的。依依上午好！{:4_204:}
页: [1] 2
查看完整版本: 《雪花谣》- 许嵩