加林森 发表于 2022-3-10 21:06
现在你再来听听，看看能不能听见？
提示说证书过期啊
本帖最后由 加林森 于 2022-5-26 12:13 编辑 <br /><br />千羽 发表于 2022-3-10 20:24
……没听到音乐
你要点击啊。
<style>
.stage{
margin: auto;
position: relative;
left: -40px;
width: 900px;
height: 351px;
background:#666 url('https://pic.imgdb.cn/item/628ef5a50947543129a243cc.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/90533.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-3-10 21:06
欢迎欢迎
谢谢队长欢迎{:4_187:}
东篱闲人 发表于 2022-3-10 20:32
响了吗？
老兄也听不见吗？
加林森 发表于 2022-3-10 21:07
嗯嗯，谢谢千羽支持！
本来就做得好{:4_181:}
加林森 发表于 2022-3-10 21:08
你要点击啊。
点击过了{:4_187:}
加林森 发表于 2022-3-10 21:08
老兄也听不见吗？
嗯。{:4_181:}
绿叶清舟 发表于 2022-3-10 21:08
提示说证书过期啊
现在我重新修改了地址的。
东篱闲人 发表于 2022-3-10 21:20
嗯。
刷新试一试
千羽 发表于 2022-3-10 21:09
点击过了
还是没有吗？
千羽 发表于 2022-3-10 21:08
谢谢队长欢迎
应该的应该的。{:4_190:}
千羽 发表于 2022-3-10 21:08
本来就做得好
嗯嗯，可惜你听不见啊。
加林森 发表于 2022-3-10 21:37
嗯嗯，可惜你听不见啊。
嗯，换了浏览器也听不见{:4_181:}
千羽 发表于 2022-3-10 21:48
嗯，换了浏览器也听不见
可能是127网站有问题了。我晕~~~~~~
加林森 发表于 2022-3-10 21:51
可能是127网站有问题了。我晕~~~~~~
别晕哈，说不定明天就能听见了{:4_181:}
千羽 发表于 2022-3-10 21:54
别晕哈，说不定明天就能听见了
哦，有可能。谢谢你的安慰。{:4_204:}
加林森 发表于 2022-3-10 21:03
红影能不能听见？
听不到。
红影 发表于 2022-3-10 23:14
听不到。
现在的127网站怎么了啊？{:5_113:}
加林森 发表于 2022-3-11 10:23
现在的127网站怎么了啊？
不清楚，队长自己可以听到？
红影 发表于 2022-3-11 13:38
不清楚，队长自己可以听到？
我能听见的。我在127网站先听了的，有声音的啊。怎么到论坛就没有了呢？真奇怪。