红影 发表于 2024-9-25 10:14

马黑黑 发表于 2024-9-24 23:13
应啃下来也不会太难。明天我再弄个 stroke-dash* 创建动画的帖子,力求做的简单一点,这样便于大家理解

看到了,黑黑真厉害,那个小播还带立体感呢,都不用画图,仅仅利用线型就得到那么漂亮的效果{:4_199:}

花飞飞 发表于 2024-9-25 20:13

马黑黑 发表于 2024-9-24 20:49
就两个简单的Q路径

这个路径可以更换的吧,就是换成别的也可以对么

花飞飞 发表于 2024-9-25 20:13

马黑黑 发表于 2024-9-24 20:51
提前的延时。注意看负数符号。当使用负数值的 animation-delay,表示提前运行多少时间,这样,页面一打开 ...

感觉代码贴子里这个负值很好用的。歌词第一句也可以用负值提时间

花飞飞 发表于 2024-9-25 20:14

马黑黑 发表于 2024-9-24 20:53
12行是椭圆绘制,它静止不动

原来如此,我说它怎么又写一次。。
只顾着看动着的了。。
静的在这里安安静静的{:4_173:}

马黑黑 发表于 2024-9-25 20:41

花飞飞 发表于 2024-9-25 20:14
原来如此,我说它怎么又写一次。。
只顾着看动着的了。。
静的在这里安安静静的

代码和实际效果之间有联系的

马黑黑 发表于 2024-9-25 20:43

花飞飞 发表于 2024-9-25 20:13
感觉代码贴子里这个负值很好用的。歌词第一句也可以用负值提时间

按理可以,但实际上他被视为 0 看待

花飞飞 发表于 2024-9-25 20:53

马黑黑 发表于 2024-9-25 20:41
代码和实际效果之间有联系的

代码负责画,画面负责呈现。。{:4_173:}

花飞飞 发表于 2024-9-25 20:54

马黑黑 发表于 2024-9-25 20:43
按理可以,但实际上他被视为 0 看待

原来是这样,又解惑了,原来真的-2和-20其实是一样的

马黑黑 发表于 2024-9-25 22:31

花飞飞 发表于 2024-9-25 20:54
原来是这样,又解惑了,原来真的-2和-20其实是一样的

小于0的视为0。这是因为,LRC歌词同步检测的是时间:当前播放的时间和歌词信息记录的时间对比。当前播放的时间肯定大于任何小于0的数字,仅此而已。

马黑黑 发表于 2024-9-25 22:32

花飞飞 发表于 2024-9-25 20:53
代码负责画,画面负责呈现。。

这样理解有偏差。实际是,代码指挥一切,浏览器按照代码去渲染。

游侠 发表于 2024-9-26 11:03

欣赏佳作

马黑黑 发表于 2024-9-26 12:45

游侠 发表于 2024-9-26 11:03
欣赏佳作

{:4_180:}

花飞飞 发表于 2024-9-26 22:43

马黑黑 发表于 2024-9-25 22:31
小于0的视为0。这是因为,LRC歌词同步检测的是时间:当前播放的时间和歌词信息记录的时间对比。当前播放 ...

明白了,其实有关注过歌词第一句负值的问题,现在算解惑了

花飞飞 发表于 2024-9-26 22:44

马黑黑 发表于 2024-9-25 22:32
这样理解有偏差。实际是,代码指挥一切,浏览器按照代码去渲染。

是哪打哪,没有偏差{:4_173:}

马黑黑 发表于 2024-9-26 22:59

花飞飞 发表于 2024-9-26 22:44
是哪打哪,没有偏差

马黑黑 发表于 2024-9-26 23:00

花飞飞 发表于 2024-9-26 22:43
明白了,其实有关注过歌词第一句负值的问题,现在算解惑了

这是可想而知的事情:通过audio空间的时间来调整歌词进度。播放器不可能播放负值时间里的歌,因为不存在

花飞飞 发表于 2024-9-26 23:07

马黑黑 发表于 2024-9-26 23:00
这是可想而知的事情:通过audio空间的时间来调整歌词进度。播放器不可能播放负值时间里的歌,因为不存在
...

可想半天也没知。。{:4_173:}现在知了

马黑黑 发表于 2024-9-26 23:09

花飞飞 发表于 2024-9-26 23:07
可想半天也没知。。现在知了

有些事情是纯粹的逻辑问题

花飞飞 发表于 2024-9-26 23:13

马黑黑 发表于 2024-9-26 22:59


{:4_173:}好吧,浏览器级别不够就瞄不准

花飞飞 发表于 2024-9-26 23:13

马黑黑 发表于 2024-9-26 23:09
有些事情是纯粹的逻辑问题

{:4_170:}逻辑它不稳定,有时候有,有时候缺席
页: 1 2 [3] 4
查看完整版本: Earth