加林森 发表于 2022-7-25 22:39

《你永远停留在我青春最美的回忆里》- E8r

本帖最后由 加林森 于 2022-7-26 13:20 编辑 <br /><br /><style>
#papa { left: -242px; width: 1080px; height: 664px; background: gray url('https://pic.imgdb.cn/item/62dea443f54cd3f93792f370.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/62df797af54cd3f93796b9c5.png' alt="" />
      <div id="playbox"><input id="btnplay" type="button" value=">" /><span>你永远停留在我青春最美的回忆里 - E8r</span></div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1949146459.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 22:40

@马黑黑我找不到另外的动图了，这个不知道行不行？{:5_102:}

马黑黑 发表于 2022-7-25 23:18

秀秀很容易把这个图片弄成背景透明的

加林森 发表于 2022-7-25 23:20

马黑黑 发表于 2022-7-25 23:18
秀秀很容易把这个图片弄成背景透明的

我还没有完全搞动的。

加林森 发表于 2022-7-25 23:22

马黑黑 发表于 2022-7-25 23:18
秀秀很容易把这个图片弄成背景透明的

我还没有完全搞懂的。

加林森 发表于 2022-7-25 23:24

马黑黑 发表于 2022-7-25 23:18
秀秀很容易把这个图片弄成背景透明的

谢谢啦！

马黑黑 发表于 2022-7-25 23:30

加林森 发表于 2022-7-25 23:22
我还没有完全搞懂的。

秀秀抠图

加林森 发表于 2022-7-25 23:32

马黑黑 发表于 2022-7-25 23:30
秀秀抠图

哦，我还不会抠图的。{:5_102:}

马黑黑 发表于 2022-7-25 23:38

加林森 发表于 2022-7-25 23:32
哦，我还不会抠图的。

非常简单

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

马黑黑 发表于 2022-7-25 23:38
非常简单

嗯嗯。

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

无人驾驶哇{:4_173:}

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

樵歌 发表于 2022-7-26 10:26
无人驾驶哇

就是，

加林森 发表于 2022-7-26 13:22

马黑黑 发表于 2022-7-25 23:18
秀秀很容易把这个图片弄成背景透明的

现在终于扣图成功了。{:4_189:}

马黑黑 发表于 2022-7-26 18:13

加林森 发表于 2022-7-26 13:22
现在终于扣图成功了。

我说的嘛，事在人为

马黑黑 发表于 2022-7-26 18:14

瞧瞧这样是不是好多了？下一步，按 @小辣椒 的指示，把像素搞上来

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

加林森 发表于 2022-7-26 12:08
就是，

厉害了，得瑟吧{:4_205:}

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

马黑黑 发表于 2022-7-26 18:13
我说的嘛，事在人为

把忘记的慢慢恢复了。

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

马黑黑 发表于 2022-7-26 18:14
瞧瞧这样是不是好多了？下一步，按 @小辣椒 的指示，把像素搞上来

好的。

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

樵歌 发表于 2022-7-26 19:08
厉害了，得瑟吧

开心了嘛！

马黑黑 发表于 2022-7-26 20:51

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

秀秀菇凉可以手工抠，也可以智能抠。好像现在的版本智能抠要登录，但此功能不一定收费。
页: [1] 2
查看完整版本: 《你永远停留在我青春最美的回忆里》- E8r