是不是颇有成就感哈
那个肯定有的。{:4_189:}
<style>
.outer { left: -70px; width: 900px; height: 640px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/62a0a63d094754312977aa70.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 120px; top: 100px; width: 43px; height: 43px; border-radius: 50%;background:#44cef6 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://www.joy127.com/url/84998.mp3" autoplay="autoplay" loop="loop"></audio>
<div style="position: absolute; left:120px; top: 1000px; width:75px; height: 20px; ">
<img alt="" src="https://pic.imgdb.cn/item/6235d74f5baa1a80ab9d74a0.gif"/></div>
</div>
<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-3-13 10:26
那个肯定有的。
是的，总得有个爱好，而且这个还非常高雅。{:4_174:} 樵歌 发表于 2022-3-13 10:59
是的，总得有个爱好，而且这个还非常高雅。
就是，听听音乐、泡壶茶，很享受的。 加林森 发表于 2022-3-12 21:36
我原来就喜欢唱歌跳舞的。那个时间还很年轻，经常与少数民族接住，跟着他们唱与跳舞的。
队长的经历也很丰富的呢{:4_187:} 红影 发表于 2022-3-13 13:42
队长的经历也很丰富的呢
嗯嗯，是的。{:4_204:}{:4_190:}
页:
1
[2]