clip-path裁剪动画演示

红影

马黑黑 发表于 2025-7-29 13:48
它简单哈

repeating-可以弄出很多奇妙图案，这样简单的图案就很漂亮呢。

红影

马黑黑 发表于 2025-7-29 18:36
注意防沉迷

沉迷进去也挺好，沉迷了肯定能弄出更多好玩的

马黑黑

杨帆 发表于 2025-7-29 19:10
好的，谢谢老师

马黑黑

红影 发表于 2025-7-29 20:29
沉迷进去也挺好，沉迷了肯定能弄出更多好玩的

玩物丧志

马黑黑

红影 发表于 2025-7-29 20:28
repeating-可以弄出很多奇妙图案，这样简单的图案就很漂亮呢。

最后的色标要规定大小尺寸，否则和没有repeating前缀是一样的

马黑黑

红影 发表于 2025-7-29 20:25
这个补得很及时

红影

马黑黑 发表于 2025-7-29 20:45
玩物丧志

本来就没啥志，丧能丧到哪去

红影

马黑黑 发表于 2025-7-29 20:46
最后的色标要规定大小尺寸，否则和没有repeating前缀是一样的

哦哦，这个也是使用重复的关键点吧。

红影

马黑黑 发表于 2025-7-29 20:46

黑黑很仔细，连1px的微小差异都考虑到了。

马黑黑

红影 发表于 2025-7-29 21:57
黑黑很仔细，连1px的微小差异都考虑到了。

HTML环境会发生很多意想不到的事情，比如斜着的线条容易产生锯齿，1px的对齐问题在火狐中会频繁发生，等等等等，都需要考虑到，不然得出的结果会很丑。

马黑黑

红影 发表于 2025-7-29 21:51
本来就没啥志，丧能丧到哪去

丧了个寂寞

马黑黑

红影 发表于 2025-7-29 21:51
哦哦，这个也是使用重复的关键点吧。

对。可以用百分比，可以用实体距离单位。

红影

马黑黑 发表于 2025-7-29 22:40
HTML环境会发生很多意想不到的事情，比如斜着的线条容易产生锯齿，1px的对齐问题在火狐中会频繁发生，等 ...

嗯嗯，细节决定成败，细微处的问题也是很紧要的。

红影

马黑黑 发表于 2025-7-29 22:41
丧了个寂寞

哈哈，所以随便它丧了

红影

马黑黑 发表于 2025-7-29 22:42
对。可以用百分比，可以用实体距离单位。

无论使用哪种，没有是不可以的。

马黑黑

红影 发表于 2025-7-30 14:07
无论使用哪种，没有是不可以的。

既然都支持，那就是都可以用，具体有什么视各自的设计而定

马黑黑

红影 发表于 2025-7-30 14:06
哈哈，所以随便它丧了

俺看行

马黑黑

红影 发表于 2025-7-30 14:05
嗯嗯，细节决定成败，细微处的问题也是很紧要的。

火狐浏览器现在难以为继：一是面临谷歌的无情，二是收益日益下降。9月起正式关停在中国的运营，火狐中国将成为历史。

红影

马黑黑 发表于 2025-7-30 17:54
既然都支持，那就是都可以用，具体有什么视各自的设计而定

嗯嗯，知道了，它也是可以使用百分比的呢。

红影

马黑黑 发表于 2025-7-30 17:55
俺看行

说不定玩物丧志后发现自己没啥志，倒是促使自己去立志了，坏事变好事