SVG Artista

SVG Artista 是 Animista.net 的衍生项目。许多 Animista 用户一直询问我们是如何制作 Animista 首页动画的。因此，我们决定开发一款工具，以简化此类动画的创建过程。它最初是作为 Animista 的一部分设计的，但很快超出了我们的原定设想，因此将其独立为一个项目更为合理。

SVG Artista 是一款帮助您使用纯 CSS 代码为 SVG 图像中的描边和填充属性添加动画的工具。它适用于 path、line、polyline、rect、circle、ellipse 和 polygon 元素。但无法对 SVG 渐变进行动画处理，请注意这一点。

SVG Artista 会生成所需的 CSS 代码，并自动更新 SVG 代码，使其可通过为 SVG 元素添加 .active 类来轻松实现动画效果。该工具不依赖第三方 JavaScript 库，但您可能希望使用一个库，在特定触发条件（例如滚动至可视区域）下动态设置 .active 类。根据您的偏好，您可以选择生成 CSS 过渡或 CSS 动画代码。

CSS 动画 SVG 得到了较好的浏览器支持，可在所有现代浏览器中正常运行。尽管如此，SVG Artista 生成的代码按“原样”提供，不作任何担保。请自行判断，并在生产环境使用前于目标环境和浏览器中充分测试。