加林森 发表于 2022-5-25 12:19

《别亦难》（笛子欣赏）



<style>
.stage{
      margin: auto;
      position: relative;
      left: -304px;
      width: 1204px;
      height: 678px;
      background:#666 url('https://pic.imgdb.cn/item/628da65a0947543129fa895e.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: 280px;
               left: 84px;
      transform-style: preserve-3d;
      animation: rot 5s linear infinite;
}
.circle div {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid Yellow;
      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/90508.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-25 12:41

相见时难别亦难，好听的曲子，漂亮的制作{:4_187:}

加林森 发表于 2022-5-25 12:45

红影 发表于 2022-5-25 12:41
相见时难别亦难，好听的曲子，漂亮的制作

我送东篱老兄的《新女人花》，那个好听。

梦油 发表于 2022-5-25 17:58

美图好曲，大大的赞！

加林森 发表于 2022-5-25 18:07

梦油 发表于 2022-5-25 17:58
美图好曲，大大的赞！

谢谢老梦！{:4_190:}

梦油 发表于 2022-5-25 20:22

加林森 发表于 2022-5-25 18:07
谢谢老梦！

别客气。

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

梦油 发表于 2022-5-25 20:22
别客气。

好的。

马黑黑 发表于 2022-5-25 21:25

别亦难就别别

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

马黑黑 发表于 2022-5-25 21:25
别亦难就别别

你说了算

马黑黑 发表于 2022-5-25 21:27

加林森 发表于 2022-5-25 21:26
你说了算

我说说就算了

加林森 发表于 2022-5-25 21:28

马黑黑 发表于 2022-5-25 21:27
我说说就算了

{:4_172:}

马黑黑 发表于 2022-5-25 21:30

加林森 发表于 2022-5-25 21:28


好玩就好

加林森 发表于 2022-5-25 21:33

马黑黑 发表于 2022-5-25 21:30
好玩就好

是啊。

马黑黑 发表于 2022-5-25 21:35

加林森 发表于 2022-5-25 21:33
是啊。

{:4_190:}

加林森 发表于 2022-5-25 22:00

马黑黑 发表于 2022-5-25 21:35


喝起
页: [1]
查看完整版本: 《别亦难》（笛子欣赏）