借花献佛TO：虎妞&雪儿
<style>
.outer { left: -290px; width: 1197px; height: 749px;top: 120px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/6299ee790947543129d07494.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 661px; top: 234px; width: 30px; height: 30px; border-radius: 50%;background: #ccc 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=222371.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>
<br><br><br><br><br><br><br><br><br><br> @小草 @雪儿 没有时间做图，借老福爷的图图当礼物了，谢谢2小妞的关心{:2_111:}{:2_111:} 纯欣赏 听歌{:2_196:} 轻风约 发表于 2022-6-3 20:22
@小草 @雪儿
来了，来了{:4_361:} 盼你回航，你快点儿好，好了好多送我和雪儿礼物，我保证不说谢{:2_197:} 轻风约 发表于 2022-6-3 20:23
没有时间做图，借老福爷的图图当礼物了，谢谢2小妞的关心
真不听话，叫你别来，等好了再来，咋就不听呢？昂 轻风约 发表于 2022-6-3 20:24
纯欣赏 听歌
图漂亮，那美女是雪儿{:2_198:} 轻风约 发表于 2022-6-3 20:24
纯欣赏 听歌
循环听了好几遍，都快学会了{:2_197:} 轻风约 发表于 2022-6-3 20:24
纯欣赏 听歌
这歌儿很好听，旋律咋这么熟悉呢，想不起来有地方像那首歌了