马黑黑 发表于 2021-12-14 21:24

加林森 发表于 2021-12-14 19:55
我们这代人都听过的

应该是吧

加林森 发表于 2021-12-14 21:29

本帖最后由 加林森 于 2022-5-30 11:40 编辑 <br /><br />马黑黑 发表于 2021-12-14 21:24
应该是吧
应该是的

<style>
.stage{
      margin: auto;
      position: relative;
      left: -214px;
      width: 1024px;
      height: 768px;
      background:#666 url('https://pic.imgdb.cn/item/62943bb109475431297d3763.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: 80px;
               left: 84px;
      transform-style: preserve-3d;
      animation: rot 5s linear infinite;
}
.circle div {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid #ff8c31;
      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://music.163.com/song/media/outer/url?id=28497630.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>

马黑黑 发表于 2021-12-14 21:31

加林森 发表于 2021-12-14 21:29
应该是的

最好

加林森 发表于 2021-12-14 21:32

马黑黑 发表于 2021-12-14 21:31
最好

当然

马黑黑 发表于 2021-12-14 21:32

加林森 发表于 2021-12-14 21:32
当然

不错

加林森 发表于 2021-12-14 21:42

马黑黑 发表于 2021-12-14 21:32
不错

是的

马黑黑 发表于 2021-12-14 22:31

加林森 发表于 2021-12-14 21:42
是的

很好

加林森 发表于 2021-12-14 22:43

马黑黑 发表于 2021-12-14 22:31
很好

嗯嗯

马黑黑 发表于 2021-12-14 23:41

加林森 发表于 2021-12-14 22:43
嗯嗯

{:4_190:}

加林森 发表于 2021-12-15 12:40

马黑黑 发表于 2021-12-14 23:41


{:4_191:}

马黑黑 发表于 2021-12-15 12:52

加林森 发表于 2021-12-15 12:40


喝起

加林森 发表于 2021-12-15 13:03

马黑黑 发表于 2021-12-15 12:52
喝起

走一个

马黑黑 发表于 2021-12-15 13:09

加林森 发表于 2021-12-15 13:03
走一个

你还是看别人喝吧

加林森 发表于 2021-12-15 16:43

马黑黑 发表于 2021-12-15 13:09
你还是看别人喝吧

就是让你喝啊

马黑黑 发表于 2021-12-15 18:24

加林森 发表于 2021-12-15 16:43
就是让你喝啊

我喝我喝

加林森 发表于 2021-12-15 19:18

马黑黑 发表于 2021-12-15 18:24
我喝我喝

很好嘛

马黑黑 发表于 2021-12-15 19:55

加林森 发表于 2021-12-15 19:18
很好嘛

必须好

加林森 发表于 2021-12-15 20:07

马黑黑 发表于 2021-12-15 19:55
必须好

感觉很幸福吧

马黑黑 发表于 2021-12-15 20:28

加林森 发表于 2021-12-15 20:07
感觉很幸福吧

幸福不是毛毛雨

加林森 发表于 2021-12-15 20:40

马黑黑 发表于 2021-12-15 20:28
幸福不是毛毛雨

那就是暴风雨。
页: 1 [2] 3 4 5
查看完整版本: 俄罗斯经典舞曲《KAZACHOK》 送大家!