论坛 › 欢乐水吧 › 台球厅的真相

东篱闲人 发表于 2022-6-3 14:25

台球厅的真相

<style>

.outer { left: -270px; width: 1154px; height: 558px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/6299a90709475431297632a6.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 276px; top: 366px; width: 53px; height: 53px; 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=487379190.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-3 14:45

哈哈，这个构思巧妙，把白球直接变成了播放器按钮。东篱大哥脑筋灵活{:4_187:}

梦油 发表于 2022-6-3 15:02

东篱朋友端午安康！

四海八荒 发表于 2022-6-3 15:02

啥真像？看球？{:4_170:}

小辣椒 发表于 2022-6-3 15:03

老头就你脑筋特别会动{:4_178:}

小辣椒 发表于 2022-6-3 15:05

这个场景我脑子里再也想不出来，估计老头平时生活也是多姿多彩的，啥时候空一点就约个美女一起打台球去了{:4_173:}

东篱闲人 发表于 2022-6-3 16:52

红影 发表于 2022-6-3 14:45
哈哈，这个构思巧妙，把白球直接变成了播放器按钮。东篱大哥脑筋灵活

还合理吧？{:5_117:}

东篱闲人 发表于 2022-6-3 16:53

梦油 发表于 2022-6-3 15:02
东篱朋友端午安康！

嗯嗯，老梦喝好没有？{:5_117:}

东篱闲人 发表于 2022-6-3 16:53

四海八荒 发表于 2022-6-3 15:02
啥真像？看球？
《台球厅的真相》，乐曲名。

东篱闲人 发表于 2022-6-3 16:54

小辣椒 发表于 2022-6-3 15:03
老头就你脑筋特别会动

瞎动。。。{:5_117:}

东篱闲人 发表于 2022-6-3 16:55

小辣椒 发表于 2022-6-3 15:05
这个场景我脑子里再也想不出来，估计老头平时生活也是多姿多彩的，啥时候空一点就约个美女一起打台球去了{: ...

不约。打台球不如打美女。。。{:4_170:}

加林森 发表于 2022-6-3 17:09

老兄挺悠闲的啊。。。。还选了一个妃子在玩球啊。。。。{:5_117:}

东篱闲人 发表于 2022-6-3 17:28

加林森 发表于 2022-6-3 17:09
老兄挺悠闲的啊。。。。还选了一个妃子在玩球啊。。。。

你咋总想妃子？{:4_170:}

梦油 发表于 2022-6-3 17:30

东篱闲人 发表于 2022-6-3 16:53
嗯嗯，老梦喝好没有？

谢谢东篱朋友，我最近几年不喝酒了。你喝点没有啊？

加林森 发表于 2022-6-3 17:31

东篱闲人 发表于 2022-6-3 17:28
你咋总想妃子？

你是皇上得嘛。。。。。{:4_189:}

醉美水芙蓉 发表于 2022-6-3 18:44

小辣椒 发表于 2022-6-3 19:20

东篱闲人 发表于 2022-6-3 16:55
不约。打台球不如打美女。。。

{:4_173:}

笑S了{:4_182:}

小辣椒 发表于 2022-6-3 19:22

东篱闲人 发表于 2022-6-3 16:54
瞎动。。。

老头脑细胞比年轻人厉害十倍不止

东篱闲人 发表于 2022-6-3 19:32

梦油 发表于 2022-6-3 17:30
谢谢东篱朋友，我最近几年不喝酒了。你喝点没有啊？

早就不喝了，不好喝。。。。{:5_117:}

东篱闲人 发表于 2022-6-3 19:33

加林森 发表于 2022-6-3 17:31
你是皇上得嘛。。。。。

你想当？俺可以传位给你。。。{:5_112:}

查看完整版本: 台球厅的真相