《升到天空 坠入海底》- 王子明（根据老黑播放器教程制作）
本帖最后由 加林森 于 2022-6-2 21:05 编辑 <br /><br /><style>.outer { left: -302px; width: 1200px; height: 750px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/629899a909475431294ca67e.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 60px; top: 60px; width: 80px; height: 80px; 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=1947107407.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>
升到天空 坠入海底？玩命啊？{:5_115:} 队长的秀秀秀到家了。赞！ 东篱闲人 发表于 2022-6-2 19:34
升到天空 坠入海底？玩命啊？
好像是这样玩的吧。。。。{:5_117:} 醉美水芙蓉 发表于 2022-6-2 19:39
队长蹦极呢！
水芙蓉晚上好。端午节快乐！ 马黑黑 发表于 2022-6-2 20:06
队长的秀秀秀到家了。赞！
谢谢老黑飘扬。 加林森 发表于 2022-6-2 20:30
好像是这样玩的吧。。。。
比蹦极刺激多了，加加身体真好。。。{:5_116:} 东篱闲人 发表于 2022-6-2 20:35
比蹦极刺激多了，加加身体真好。。。
老兄也来玩玩。。。。。{:5_116:} 加林森 发表于 2022-6-2 20:31
谢谢老黑飘扬。
{:4_180:} 马黑黑 发表于 2022-6-2 20:41
{:4_191:} 一个个上天入地的，太猛了{:4_173:} 红影 发表于 2022-6-2 20:55
一个个上天入地的，太猛了
这就是加林森精神。{:4_189:} 加林森 发表于 2022-6-2 20:39
老兄也来玩玩。。。。。
不玩。 东篱闲人 发表于 2022-6-2 21:15
不玩。
玩嘛，我陪你一起玩。。。。。{:4_189:} 加林森 发表于 2022-6-2 21:21
玩嘛，我陪你一起玩。。。。。
不如你身体好。。。 东篱闲人 发表于 2022-6-2 21:22
不如你身体好。。。
我带你玩。。。。 加林森 发表于 2022-6-2 21:04
这就是加林森精神。
嗯嗯，敢死队的风格{:4_189:} 红影 发表于 2022-6-2 21:35
嗯嗯，敢死队的风格
就是就是。。。。。{:4_189:} 队长今天的文字是什么字体啊
页:
[1]
2