小辣椒 发表于 2024-3-5 20:21

牢笼,,,开始我就想为什么这个标题呢,歌词果然伤感的,这颗心是伤过了,必须要大家送温暖了{:4_170:}

小辣椒 发表于 2024-3-5 20:21

这个歌词还遮挡一下{:4_189:}新效果了

小辣椒 发表于 2024-3-5 20:24

这颗心是svg,还会跳动的,换其他的svg图片进去也是会很漂亮了效果的

小辣椒 发表于 2024-3-5 20:25

感谢黑黑分享新教程@冬天的雨

冬雨你有空可以玩一次,你不是上次做了好几次svg的路径播放器吗{:4_170:}

马黑黑 发表于 2024-3-5 21:36

小辣椒 发表于 2024-3-5 20:25
感谢黑黑分享新教程@冬天的雨

冬雨你有空可以玩一次,你不是上次做了好几次svg的路径播放器吗

布置作业了

红影 发表于 2024-3-5 22:13

这两个图图配得很搭,伪元素的图图还能随鼠标变化,还有一颗心的动态,这些设计和歌词意境很相符呢{:4_199:}

红影 发表于 2024-3-5 22:14

这样的歌词同步很有趣,不赶紧看就被遮挡点了,提醒人走过路过别错过{:4_173:}

马黑黑 发表于 2024-3-5 22:51

小辣椒 发表于 2024-3-5 20:21
这个歌词还遮挡一下新效果了

遮挡?

马黑黑 发表于 2024-3-5 22:51

红影 发表于 2024-3-5 22:14
这样的歌词同步很有趣,不赶紧看就被遮挡点了,提醒人走过路过别错过

我再 edge 和 Firefox 下未发现遮挡呀

马黑黑 发表于 2024-3-5 22:57

红影 发表于 2024-3-5 22:14
这样的歌词同步很有趣,不赶紧看就被遮挡点了,提醒人走过路过别错过

这是错误造成的。#lrc::before 漏了一句:

-webkit-background-clip: text;

内核版本低的浏览器,还不认得 background-clip: text; ,要加前缀 -webkit-。

马黑黑 发表于 2024-3-5 22:59

红影 发表于 2024-3-5 22:13
这两个图图配得很搭,伪元素的图图还能随鼠标变化,还有一颗心的动态,这些设计和歌词意境很相符呢{:4_199: ...

谢谢夸奖

绿叶清舟 发表于 2024-3-6 12:01

马黑黑 发表于 2024-3-5 17:24
svg也是用代码写出来的,和HTML差不多,和canvas(画布)很相近,它主要针对图形,按一定规定保存后可以 ...

这样贴子里代码就可以省了很多吧

绿叶清舟 发表于 2024-3-6 12:02

马黑黑 发表于 2024-3-5 17:25
道理上心是关在笼子里的,是笼子里的自由

都关起来了还哪有自由啊

马黑黑 发表于 2024-3-6 12:30

绿叶清舟 发表于 2024-3-6 12:02
都关起来了还哪有自由啊

知不知道射程内的自由

马黑黑 发表于 2024-3-6 12:30

绿叶清舟 发表于 2024-3-6 12:01
这样贴子里代码就可以省了很多吧

把同当成 jpg 之类的图片看就行

樵歌 发表于 2024-3-6 15:53

马黑黑 发表于 2024-3-5 17:24


这是承认的节奏了{:4_172:}

樵歌 发表于 2024-3-6 15:55

马黑黑 发表于 2024-3-5 17:24


打错了{:4_170:}是说把过去的都不断抹去的意西{:4_189:}

马黑黑 发表于 2024-3-6 17:26

樵歌 发表于 2024-3-6 15:55
打错了是说把过去的都不断抹去的意西

那敢情好啊

马黑黑 发表于 2024-3-6 17:26

樵歌 发表于 2024-3-6 15:53
这是承认的节奏了

承认啥呢

南无月 发表于 2024-3-6 17:52

马黑黑 发表于 2024-3-5 20:00
有时候不好找。可能是因为命名规则不成体系造成的。

我传到聚合,命名都自动生成的。不过有预览图,运气好划拉几下能找到,找不到就重新传
页: 1 [2] 3 4 5 6
查看完整版本: 牢笼