论坛 › 现代文学 › 【中伏消暑】第一天 伏：《见鹿》 - 伏仪

加林森 发表于 2022-7-26 08:17

【中伏消暑】第一天 伏：《见鹿》 - 伏仪

<style>
#papa { left: -242.5px; width: 1080px; height: 679px; background: gray url('https://pic.imgdb.cn/item/62de46abf54cd3f9379b2fd0.jpg'); overflow: hidden; box-shadow: 3px 3px 20px #000; position: relative; }
#boat { position: absolute; width: 200px; height: 118px; top: calc(100% - 150px); filter: blur(1px); animation: boating 20s linear infinite; }
#playbox { position: absolute; left: 10px; bottom: 10px; padding: 10px; background: rgba(255,255,255,.2); border-radius: 6px; backdrop-filter: blur(1px); overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,.15); z-index: 100; }
#playbox span { margin-left: 10px; font: normal 1.2em sans-serif; color: #eee; text-shadow: 1px 1px 1px #000; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; outline: none; border: none; }
#btnplay:hover { background: #aaa; color: #ff0000; cursor: pointer; }
@keyframes boating { from { left: 100%; } to { left: -200px; } }
</style>

<div id="papa">
      <img id="boat" src='https://pic.imgdb.cn/item/62de4f51f54cd3f937c93a0e.gif' alt="" />
      <div id="playbox"><input id="btnplay" type="button" value=">" /><span>见鹿 - 伏仪</span></div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=545412136.mp3" autoplay="autoplay" loop="loop"></audio>

<script>
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');
</script>

小星世龙 发表于 2022-7-26 09:55

好图，精致，漂亮，喜欢，点赞！

樵歌 发表于 2022-7-26 10:13

h鹿子萌萌哒{:4_174:}

梦油 发表于 2022-7-26 10:54

骋怀游目、心旷神怡。

加林森 发表于 2022-7-26 12:05

小星世龙 发表于 2022-7-26 09:55
好图，精致，漂亮，喜欢，点赞！

谢谢支持！

加林森 发表于 2022-7-26 12:06

樵歌 发表于 2022-7-26 10:13
h鹿子萌萌哒

是啊。

加林森 发表于 2022-7-26 12:06

梦油 发表于 2022-7-26 10:54
骋怀游目、心旷神怡。

老梦中午好！{:4_190:}

绿叶清舟 发表于 2022-7-26 12:06

队长这个制作漂亮了

加林森 发表于 2022-7-26 12:19

绿叶清舟 发表于 2022-7-26 12:06
队长这个制作漂亮了

嗯嗯。

闲言不语 发表于 2022-7-26 12:29

蓝天白云青青草，棒！

浣溪沙 发表于 2022-7-26 12:43

鹿经过青山绿水，很美{:4_199:}

小九 发表于 2022-7-26 12:52

好美的风景{:4_199:}

加林森 发表于 2022-7-26 12:56

闲言不语 发表于 2022-7-26 12:29
蓝天白云青青草，棒！

谢谢不语支持！

加林森 发表于 2022-7-26 12:57

浣溪沙 发表于 2022-7-26 12:43
鹿经过青山绿水，很美

是的。

加林森 发表于 2022-7-26 12:57

小九 发表于 2022-7-26 12:52
好美的风景

谢谢小九！

梦油 发表于 2022-7-26 15:56

加林森 发表于 2022-7-26 12:06
老梦中午好！

这件制作赏心悦目，真好！

加林森 发表于 2022-7-26 16:14

梦油 发表于 2022-7-26 15:56
这件制作赏心悦目，真好！

老梦喜欢就好！

转转 发表于 2022-7-26 17:13

景色太美了{:4_199:}

加林森 发表于 2022-7-26 17:25

转转 发表于 2022-7-26 17:13
景色太美了

转转下午好！{:4_190:}

樵歌 发表于 2022-7-26 19:06

加林森 发表于 2022-7-26 12:06
是啊。

有马术这手艺饿不了人{:4_173:}

查看完整版本: 【中伏消暑】第一天 伏：《见鹿》 - 伏仪