radial+mask实现图片转场效果

马黑黑

花飞飞 发表于 2025-8-15 23:00
每种都有自己的独特风格，举一反三是行不通了

可以举一反三

马黑黑

花飞飞 发表于 2025-8-15 22:59
这灵巧的超标了，厉害。。
主要是这么难的东东被你写得小白也能有点点看懂。。更厉害。。

应该不难的

花飞飞

马黑黑 发表于 2025-8-15 22:59
中心点默认在元素的中心。如果需要随机中心点，可以参考 conic 设置随机开始角度的方法设置随机圆心：

...

遮罩数据也开始变量了。。
最近这个出现频繁。。

花飞飞

马黑黑 发表于 2025-8-15 23:00
可以举一反三

不敢反

马黑黑

花飞飞 发表于 2025-8-15 23:01
遮罩数据也开始变量了。。
最近这个出现频繁。。

就是利用渐变的特点，它有形状、形状从哪开始，有色标边界，还有尺寸、位置等等等等

花飞飞

马黑黑 发表于 2025-8-15 23:00
应该不难的

你写得清楚。。每一步都有注释。。

马黑黑

花飞飞 发表于 2025-8-15 23:02
你写得清楚。。每一步都有注释。。

能理解个大概也好

花飞飞

马黑黑 发表于 2025-8-15 23:02
就是利用渐变的特点，它有形状、形状从哪开始，有色标边界，还有尺寸、位置等等等等

这等的有点多

马黑黑

花飞飞 发表于 2025-8-15 23:02
不敢反

道理都差不多的，在实现细节上有所不同而已，因为不同渐变有不同的特点

马黑黑

花飞飞 发表于 2025-8-15 23:03
这等的有点多

选需要设置的

花飞飞

马黑黑 发表于 2025-8-15 23:02
就是利用渐变的特点，它有形状、形状从哪开始，有色标边界，还有尺寸、位置等等等等

看了今天的椭圆，是直接去掉circle,变成了椭圆。。
你昨天回我的是更复杂的样式。

花飞飞

马黑黑 发表于 2025-8-15 23:03
能理解个大概也好

嗯哪，容错率很强

花飞飞

马黑黑 发表于 2025-8-15 23:04
选需要设置的

根据需要进行配置，可选的余地到是很多。。CSS厉害呢

花飞飞

马黑黑 发表于 2025-8-15 23:04
道理都差不多的，在实现细节上有所不同而已，因为不同渐变有不同的特点

关键处的天差地别

马黑黑

花飞飞 发表于 2025-8-16 12:29
关键处的天差地别

因为这三种转场效果基本都是独立写的，没有去考虑上一个怎么写

马黑黑

花飞飞 发表于 2025-8-16 12:28
根据需要进行配置，可选的余地到是很多。。CSS厉害呢

CSS将来还要厉害

马黑黑

花飞飞 发表于 2025-8-16 12:26
看了今天的椭圆，是直接去掉circle,变成了椭圆。。
你昨天回我的是更复杂的样式。

椭圆是默认的径向渐变相撞（shape）

马黑黑

花飞飞 发表于 2025-8-16 12:27
嗯哪，容错率很强

还好的

花飞飞

马黑黑 发表于 2025-8-16 12:32
因为这三种转场效果基本都是独立写的，没有去考虑上一个怎么写

三国鼎力，各管其政

花飞飞

马黑黑 发表于 2025-8-16 12:33
CSS将来还要厉害

跑得不见影儿了