Analogue Dreams

马黑黑

红影 发表于 2024-10-7 09:26
“用矩形、椭圆等元素绘制风扇其他部件”

就是风扇的阴影和竖杆吧，这个有趣，全部能用svg实现，而且 ...

没有阴影，是底座

马黑黑

红影 发表于 2024-10-7 09:41
动态里多加个动作就要多考虑很多，虽然名称对应让一切井井有条，如何控制动作也是大学问。
这个帖子里学习 ...

好像也就这么一点点的吧

马黑黑

红影 发表于 2024-10-7 09:33
两个地方没看懂

@keyframes draw 名字有对应，@keyframes erase 没看出来对应哪句的

JS里有动画运行结束的监听事件，当一个动画结束，另一个动画跟上，名称就在那里

马黑黑

红影 发表于 2024-10-7 09:39
还是没明白为什么小播角度转4圈就正好对应上外框流动呢？
应该里面还有其他的设置我没留意到

边框动画是按路径走的，两条折线路径，一条走上、右，另一条走下、左

马黑黑

红影 发表于 2024-10-7 09:33
两个地方没看懂

@keyframes draw 名字有对应，@keyframes erase 没看出来对应哪句的

ctrMsg 是 svg 扇叶分组的 title 提示语，svg 子元素的提示语要单独管理

红影

马黑黑 发表于 2024-10-7 11:26
这个只需简单设置 dur 周期时长 和转动方向

嗯嗯，让时间匹配

红影

马黑黑 发表于 2024-10-7 11:27
没有阴影，是底座

嗯，我说错了，是底座。因为是半透的，不觉就说成了阴影

红影

马黑黑 发表于 2024-10-7 11:28
好像也就这么一点点的吧

这个里的构思和设想都值得学习

红影

马黑黑 发表于 2024-10-7 11:29
JS里有动画运行结束的监听事件，当一个动画结束，另一个动画跟上，名称就在那里

哦哦，果然看的时候有遗漏，原来在JS里呢，我还使劲在css里找

红影

马黑黑 发表于 2024-10-7 11:31
边框动画是按路径走的，两条折线路径，一条走上、右，另一条走下、左

这个看明白了，我是说那4圈咋就对应那么好呢

马黑黑

红影 发表于 2024-10-7 12:31
这个看明白了，我是说那4圈咋就对应那么好呢

那不是有尺寸在那里吗

红影

马黑黑 发表于 2024-10-7 11:34
ctrMsg 是 svg 扇叶分组的 title 提示语，svg 子元素的提示语要单独管理

哦，这个以前不知道，谢谢黑黑讲解

马黑黑

红影 发表于 2024-10-7 12:30
哦哦，果然看的时候有遗漏，原来在JS里呢，我还使劲在css里找

彼此协作

马黑黑

红影 发表于 2024-10-7 12:32
哦，这个以前不知道，谢谢黑黑讲解

这个我解释过一次，专门有一篇小文章的

马黑黑

红影 发表于 2024-10-7 12:28
嗯，我说错了，是底座。因为是半透的，不觉就说成了阴影

不是一切透明的都是阴影的

马黑黑

红影 发表于 2024-10-7 12:27
嗯嗯，让时间匹配

这一切应该都是非常简单的

红影

马黑黑 发表于 2024-10-7 12:32
彼此协作

这个设计很奇妙

红影

马黑黑 发表于 2024-10-7 12:32
这个我解释过一次，专门有一篇小文章的

完了，我给忘了，不好意思

花飞飞

马黑黑 发表于 2024-10-7 11:25

谢白老师送的小红花

花飞飞

马黑黑 发表于 2024-10-7 11:26

有花有茶， 这个可全了。。都香