一曲相思寄谁听
本帖最后由 东篱闲人 于 2022-6-4 15:34 编辑 <br /><br /><style>.outer { left: -400px; width: 1400px; height: 738px; box-shadow: 2px 2px 4px #333; background: teal url('https://pic.imgdb.cn/item/629ae7080947543129dd0b81.jpg') no-repeat; position: relative; }
.ele1 { position: absolute; left: 239px; top: 562px; width: 45px; height: 45px; border-radius: 50%;background:#F0FFF0 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=5241799.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>
老兄，只是哪个贵妃的耳朵啊？好白。。。。。{:4_189:} 制作大气，漂亮，真美！大赞！{:4_199:} 美声，美图，美人，美文，美帖 除了项链就是耳环，东篱大哥这是盯上装饰品了{:4_173:} 图片制作漂亮，文字旖旎。东篱大哥的帖子真美{:4_199:} 优雅、大气，太美了。 加林森 发表于 2022-6-4 13:12
老兄，只是哪个贵妃的耳朵啊？好白。。。。。
送给你的那个贵妃。。。。 加林森 发表于 2022-6-4 13:13
制作大气，漂亮，真美！大赞！
这个玩的差不多了。。。{:5_117:} 马黑黑 发表于 2022-6-4 13:19
美声，美图，美人，美文，美帖
美黑黑。。。{:5_116:} 红影 发表于 2022-6-4 14:09
除了项链就是耳环，东篱大哥这是盯上装饰品了
人家黑黑说这是他的珍珠。黑珍珠嘛。。。{:5_117:} 梦油 发表于 2022-6-4 14:59
优雅、大气，太美了。
来，老梦，喝酒。。。{:4_176:} 老头，变化真多啊，脑细胞发达的{:4_178:} 老头把按钮点缀的美女更加美{:4_199:} 醉美水芙蓉 发表于 2022-6-4 15:59
没有东篱老师想不到的,真漂亮！
嗯嗯，闲的。。。{:5_117:} 小辣椒 发表于 2022-6-4 16:07
老头把按钮点缀的美女更加美
师傅点一个不？{:5_117:} 东篱闲人 发表于 2022-6-4 16:22
师傅点一个不？
我图图没有这么漂亮，不会点缀{:4_173:} 小辣椒 发表于 2022-6-4 16:24
我图图没有这么漂亮，不会点缀
瞎点呗。。。{:5_117:} 东篱闲人 发表于 2022-6-4 16:26
瞎点呗。。。
那我想想，可以瞎点哪里{:4_170:}
页:
[1]
2