加林森 发表于 2022-7-25 00:13

【三伏消暑】色：色盲 - 大宽

<style>
#papa { left: -242.5px; width: 1080px; height: 679px; background: gray url('https://pic.imgdb.cn/item/62dd1ec1f54cd3f937bf9292.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/62dd3a44f54cd3f9375a4348.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=405253742.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-25 06:24

两只小兔几真可爱。{:4_189:}

樵歌 发表于 2022-7-25 06:25

出门买菜兼走路了{:4_193:}

浣溪沙 发表于 2022-7-25 07:58

新颖，我想写同题文字，笔太秃写不出，哈哈哈，只好尽情欣赏队长的佳作{:4_208:}

加林森 发表于 2022-7-25 08:42

樵歌 发表于 2022-7-25 06:24
两只小兔几真可爱。

就是。任务完成了！{:4_189:}

加林森 发表于 2022-7-25 08:42

樵歌 发表于 2022-7-25 06:25
出门买菜兼走路了

好的好的。

加林森 发表于 2022-7-25 08:43

浣溪沙 发表于 2022-7-25 07:58
新颖，我想写同题文字，笔太秃写不出，哈哈哈，只好尽情欣赏队长的佳作

谢谢沙沙支持！{:4_190:}

红影 发表于 2022-7-25 08:48

樵歌 发表于 2022-7-25 06:24
两只小兔几真可爱。

那好像是小熊吧{:4_173:}

红影 发表于 2022-7-25 08:49

有意思，这歌曲这动图还有底图都很好的呢，队长真棒{:4_187:}

加林森 发表于 2022-7-25 08:56

红影 发表于 2022-7-25 08:48
那好像是小熊吧

好玩吧。{:4_189:}

加林森 发表于 2022-7-25 08:57

红影 发表于 2022-7-25 08:49
有意思，这歌曲这动图还有底图都很好的呢，队长真棒

嗯嗯，底图我p了一下。

樵歌 发表于 2022-7-25 11:00

加林森 发表于 2022-7-25 08:42
就是。任务完成了！

一身轻松{:4_174:}

樵歌 发表于 2022-7-25 11:00

红影 发表于 2022-7-25 08:48
那好像是小熊吧

师兄眼花了{:4_173:}

加林森 发表于 2022-7-25 11:05

樵歌 发表于 2022-7-25 11:00
一身轻松

是啊！

红影 发表于 2022-7-25 11:20

加林森 发表于 2022-7-25 08:57
嗯嗯，底图我p了一下。

嗯嗯，做得很漂亮{:4_204:}

红影 发表于 2022-7-25 11:20

樵歌 发表于 2022-7-25 11:00
师兄眼花了

不过长得也有点像兔子{:4_173:}

加林森 发表于 2022-7-25 11:34

红影 发表于 2022-7-25 11:20
嗯嗯，做得很漂亮

谢谢！

樵歌 发表于 2022-7-25 18:52

红影 发表于 2022-7-25 11:20
不过长得也有点像兔子

嗯，乍一看就免子，仔细看还像免子{:4_173:}
页: [1]
查看完整版本: 【三伏消暑】色：色盲 - 大宽