《嘉沃特舞曲》（世界名曲欣赏）
<style>
.outer { left: -214px; width: 1024px; height: 576px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/629dce76094754312940a879.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 180px; top: 40px; width: 43px; height: 43px; border-radius: 50%;background:#ff7500 linear-gradient(transparent 49%,rgba(255,0,0,.65) 50%,transparent 0) no-repeat; background-size: 0% 100%; box-shadow: 5px 5px 30px 0 gray; cursor:pointer; }
.ele1::before, .ele1::after { position: absolute; content: ''; width: inherit; height: inherit; border-radius: inherit; }
.ele1::before { background: linear-gradient(transparent,rgba(0,0,0,0)); animation: flash 1s linear infinite; }
.ele1::after { background: radial-gradient(circle at 30% 30%,transparent,rgba(0,255,0,.25)); }
@keyframes flash { to { background: linear-gradient(transparent,rgba(0,0,0,.6)); } }
</style>
<div class="outer">
<div class="ele1"></div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=25830169.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let ele1 = document.querySelector('.ele1'), aud = document.querySelector('#aud');
ele1.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate',() => ele1.style.backgroundSize = 100 * aud.currentTime / aud.duration + '% 100%');
</script>
队长啊，这是双人弹吗 舞曲挺不错 马黑黑 发表于 2022-6-6 19:36
队长啊，这是双人弹吗
是的，是比赛呢。 马黑黑 发表于 2022-6-6 19:36
舞曲挺不错
是的啊，世界名曲不是那个能随便弹的。 人物有重影？{:4_173:} 红影 发表于 2022-6-6 20:38
人物有重影？
不是的，是两个丫头在弹奏的。 加林森 发表于 2022-6-6 20:15
是的啊，世界名曲不是那个能随便弹的。
有道理 加林森 发表于 2022-6-6 20:14
是的，是比赛呢。
额·知道了 加林森 发表于 2022-6-6 20:42
不是的，是两个丫头在弹奏的。
听音色明明是弹拨乐，根本不是钢琴啊。队长听不出弦音么？{:4_173:} 马黑黑 发表于 2022-6-6 20:44
额·知道了
嗯嗯 红影 发表于 2022-6-6 20:50
听音色明明是弹拨乐，根本不是钢琴啊。队长听不出弦音么？
这个画面怎么样？ 马黑黑 发表于 2022-6-6 20:44
有道理
嗯嗯 加林森 发表于 2022-6-6 21:45
这个画面怎么样？
我觉得不好，好像重影了。 红影 发表于 2022-6-6 22:36
我觉得不好，好像重影了。
{:4_203:}
页:
[1]