18910140161

HTML-使用CSS-Stack溢出来动画我的svg文件时出现问题

顺晟科技

2022-10-19 11:48:16

154

我发现以下文档很有趣,它展示了如何使svg文件动画化。

https://css-tricks.com/svg-line-animation-works/

但是,在打开项目时,我无法使项目看起来像已完成一样。

我希望我的项目动画类似于第8节的上述文件。请帮忙

[新手]

https://jsfiddle.net/yoavf1bu/17/


顺晟科技:

您想要这样的内容吗:

添加到用于创建空白的svg中,只需将时间设置为10s,这样您就可以根据您的项目更改时间

应用程序中有两个原因会影响工作:

  1. 要使绘制线条从零到最大动画,必须满足以下条件: = 您的值不同

  2. SVG形状应该用单个轮廓绘制 您有双轮廓:

我在向量编辑器中用单个轮廓绘制了您的形状:

我们将按照链接中指示的方式对此轮廓进行动画化。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航