加林森 发表于 2022-7-28 12:10

《白狐》- 雨天/杨蔓

本帖最后由 加林森 于 2022-7-28 13:11 编辑 <br /><br /><style>
#papa { left: -214px; width: 1024px; height: 684px; background: #333 url('https://pic.imgdb.cn/item/62e21a3ff54cd3f9375e3275.jpg') no-repeat center/cover; box-shadow: 4px 4px 24px #7e6f52; 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/62e1f452f54cd3f937858953.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=179521.mp3" autoplay="autoplay" loop="loop"></audio>

<script>



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

加林森 发表于 2022-7-28 12:10

@马黑黑

马黑黑 发表于 2022-7-28 12:16

白狐行走的路线很怪异{:4_170:}

加林森 发表于 2022-7-28 12:28

马黑黑 发表于 2022-7-28 12:16
白狐行走的路线很怪异

是的，还傲娇的走法。{:4_189:}

马黑黑 发表于 2022-7-28 12:37

加林森 发表于 2022-7-28 12:28
是的，还傲娇的走法。

背景图应选一个有路径或行走空间的

加林森 发表于 2022-7-28 12:46

马黑黑 发表于 2022-7-28 12:37
背景图应选一个有路径或行走空间的

我等会再去上传另外一张图片。

加林森 发表于 2022-7-28 13:12

马黑黑 发表于 2022-7-28 12:37
背景图应选一个有路径或行走空间的
现在换了一张上来。

马黑黑 发表于 2022-7-28 13:38

加林森 发表于 2022-7-28 12:46
我等会再去上传另外一张图片。

我只是建议
你看着办就好

加林森 发表于 2022-7-28 13:44

马黑黑 发表于 2022-7-28 13:38
我只是建议
你看着办就好

现在有了这个有魅力了吧。。。

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

歌曲很好听。

加林森 发表于 2022-7-28 16:09

梦油 发表于 2022-7-28 15:26
歌曲很好听。

是的。老歌新唱。

梦油 发表于 2022-7-28 16:35

加林森 发表于 2022-7-28 16:09
是的。老歌新唱。

老人喜欢老歌。{:4_189:}

加林森 发表于 2022-7-28 17:04

梦油 发表于 2022-7-28 16:35
老人喜欢老歌。

那就好

马黑黑 发表于 2022-7-28 18:12

加林森 发表于 2022-7-28 13:44
现在有了这个有魅力了吧。。。

还行。行进的东东，如果不是飞行、遨游，最好有路径

加林森 发表于 2022-7-28 18:39

马黑黑 发表于 2022-7-28 18:12
还行。行进的东东，如果不是飞行、遨游，最好有路径

嗯嗯，知道了。

马黑黑 发表于 2022-7-28 18:45

加林森 发表于 2022-7-28 18:39
嗯嗯，知道了。

做帖可以随意，但思路要有

加林森 发表于 2022-7-28 18:49

马黑黑 发表于 2022-7-28 18:45
做帖可以随意，但思路要有

有的。我把东西都找好了才开始制作的。

马黑黑 发表于 2022-7-28 19:01

加林森 发表于 2022-7-28 18:49
有的。我把东西都找好了才开始制作的。

我说的思路，举个例子，白狐行走的路径。它有走的路线，帖子就会更自然。

加林森 发表于 2022-7-28 19:27

马黑黑 发表于 2022-7-28 19:01
我说的思路，举个例子，白狐行走的路径。它有走的路线，帖子就会更自然。

明白。{:5_108:}

红影 发表于 2022-7-28 23:52

这只狐狸有点小，还没长大{:4_173:}
页: [1] 2
查看完整版本: 《白狐》- 雨天/杨蔓