本帖最后由 加林森 于 2022-4-11 21:41 编辑 <br /><br />马黑黑 发表于 2021-8-23 19:19
{:4_191:}
<style>
.stage{
margin: auto;
position: relative;
left: -278px;
width: 1152px;
height: 720px;
background: #666 url('https://pic.imgdb.cn/item/62542d58239250f7c51993bc.jpg') no-repeat center/cover;
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: 20px;
transform-style: preserve-3d;
animation: rot 5s linear infinite;
}
.circle div {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid skyblue;
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=424264505.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-8-23 19:26
继续干
好的好的
加林森 发表于 2021-8-23 19:42
好的好的
没问题就好
马黑黑 发表于 2021-8-23 19:52
没问题就好
嗯嗯
加林森 发表于 2021-8-23 17:15
是吗？
一看就是敢死队来的{:4_173:}
加林森 发表于 2021-8-23 17:16
我怕别人打我
没事啊，有核酸检测证明就不怕{:4_173:}
红影 发表于 2021-8-23 20:32
一看就是敢死队来的
{:4_170:}{:4_172:}
红影 发表于 2021-8-23 20:33
没事啊，有核酸检测证明就不怕
可我不是歪果仁啊{:4_189:}
加林森 发表于 2021-8-23 21:12
可我不是歪果仁啊
那就请东篱冲做个中国人的呗{:4_173:}
加林森 发表于 2021-8-22 21:02
好的好的
晚上好~~{:4_187:}
杨柳青 发表于 2021-8-23 22:55
晚上好~~
小青青上午好！
加林森 发表于 2021-8-23 17:16
猫猫在啊，下午好！
队长中午好 {:4_187:} 吃了没{:4_190:}
大猫咪 发表于 2021-8-24 11:50
队长中午好吃了没
猫猫中午好！我已经吃了。{:4_204:}
红影 发表于 2021-8-23 20:32
一看就是敢死队来的
瓜皮敢死队{:5_106:}
马黑黑 发表于 2021-8-24 13:06
瓜皮敢死队
瓜皮是什么？
红影 发表于 2021-8-24 16:32
瓜皮是什么？
队长知道的，四川话，大概意思是傻瓜吧{:5_106:}
马黑黑 发表于 2021-8-24 18:07
队长知道的，四川话，大概意思是傻瓜吧
哦哦，队长看到要光火了{:4_173:}
红影 发表于 2021-8-24 19:38
哦哦，队长看到要光火了
还要跺脚
马黑黑 发表于 2021-8-25 12:08
还要跺脚
会不会把你杀了下酒{:4_189:}