本帖最后由 加林森 于 2022-5-30 19:16 编辑 <br /><br />马黑黑 发表于 2021-8-21 17:20
那就这样
好吧
<style>
.mybg {
left: -214px; display: flex; justify-content: center; align-items: center;
width: 1024px; height: 600px; overflow: hidden;
background: blue repeating-radial-gradient(circle, gray, transparent, black .05px);
cursor: pointer; position: relative;
}
.mybg::before {
content: ''; width: 200%; height: 200%;
background: conic-gradient(transparent,rgba(0,200,255,.5),transparent 50deg);
animation: rot 4s linear infinite; position: absolute;
}
@keyframes rot { to { transform: rotate(2turn); } }
</style>
<div class="mybg"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1835449360.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let bgbox = document.querySelector('.mybg'), aud = document.querySelector('#aud');
aud.addEventListener('timeupdate',function(){
let pixel = aud.currentTime / 100;
if(pixel <= 0) pixel = 0.05;
bgbox.style.background = 'blue repeating-radial-gradient(circle, gray, transparent, black ' + pixel + 'px)';
});
bgbox.onclick = () => { aud.paused ? aud.play() : aud.pause(); }
</script>
加林森 发表于 2021-8-21 17:32
好吧
就这样定了
马黑黑 发表于 2021-8-21 18:13
就这样定了
可以可以
加林森 发表于 2021-8-21 17:31
这歌就是这个这样唱的嘛
真明明是纯音乐好吧{:4_173:}
加林森 发表于 2021-8-21 12:22
小辣椒中午好。来啦。吃饭没有啊？
队长，晚上好~~~{:4_187:}
小辣椒 发表于 2021-8-21 20:54
队长，晚上好~~~
小辣椒晚上好。{:4_204:}
加林森 发表于 2021-8-21 21:04
小辣椒晚上好。
晚上好，今天看见你发的帖好多啊{:4_199:}
红影 发表于 2021-8-21 20:49
真明明是纯音乐好吧
哈哈哈哈，有说有唱的哦。{:4_170:}
小辣椒 发表于 2021-8-21 21:07
晚上好，今天看见你发的帖好多啊
也就几个，不敢多发。{:4_189:}
加林森 发表于 2021-8-21 21:18
也就几个，不敢多发。
呵呵，队长可以变着花样学习做几个音乐帖
小辣椒 发表于 2021-8-21 21:20
呵呵，队长可以变着花样学习做几个音乐帖
好的，得慢慢学了。
加林森 发表于 2021-8-21 21:25
好的，得慢慢学了。
很快的，你看看就会的。。。。
小辣椒 发表于 2021-8-21 21:27
很快的，你看看就会的。。。。
谢谢鼓励！我一定努力！{:5_154:}
加林森 发表于 2021-8-21 21:27
谢谢鼓励！我一定努力！
队长还特别谦虚
加林森 发表于 2021-8-21 21:07
哈哈哈哈，有说有唱的哦。
嗯，挺好听的。
聽音樂啦~~
红影 发表于 2021-8-21 21:45
嗯，挺好听的。
是的
朵嫣 发表于 2021-8-21 22:02
聽音樂啦~~
好啊，小朵嫣晚上好！{:4_204:}
小辣椒 发表于 2021-8-21 21:36
队长还特别谦虚
本来就应该这样嘛。{:4_189:}
加林森 发表于 2021-8-21 22:06
好啊，小朵嫣晚上好！
隊長晚上好~我剛上來~{:5_106:}