SVG Artista

SVG Artista

SVG Artista

软件

软件描述

SVG Artista 是 Animista.net 的衍生项目。许多 Animista 用户曾询问我们是如何制作 Animista 欢迎页面动画的,因此我们决定开发一款工具,以简化此类动画的制作过程。

官方网站

访问软件的官方网站了解更多信息

官方认证

svgartista.net

安全链接HTTPS

什么是 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 生成的代码按“原样”提供,不作任何担保。请自行判断,并在生产环境使用前于目标环境和浏览器中充分测试。

🔄 替代方案

11 个选择
4.7

SVG 动画的首选编辑器。 创建可在任何地方运行的交互式 SVG 动画,无需插件、播放器或嵌入的 JavaScript 代码。

付费 • 专有
查看详情
Bestsnip Animation Studio

Bestsnip Animation Studio

动画制作工具, 矢量图形应用

Bestsnip动画工作室是一款免费的在线工具,可在您的浏览器中直接创建2D补间动画。

免费 • 专有
查看详情

SVG Flipbook 与您的 SVG 编辑器并列运行,可让您为创作添加动画。SVG 中的每一层都将成为一帧。您可以使用任何喜欢的 SVG 编辑器,Inkscape 和 Illustrator 均可完美兼容。

免费增值 • 开源
查看详情

通过关键帧时间轴快速制作动画,支持AI辅助工作流、Figma插件、SVG和Lottie导入、可编辑的动画编辑器、直观界面、适用于网页或移动设备的多格式导出,以及在统一工作区中无缝协作。

免费 • 专有
查看详情

Rive 是一个实时交互式设计工具,借助我们的开源运行时,您可以设计、动画化,并立即将其资产集成到任何平台。

免费个人 • 专有
查看详情

在线SVG动画工具,可轻松导入、查看、动画和导出SVG格式。使用我们的用户友好工具创建SVG动画,无需高级编程技能!通过SVGator,只需简单地将元素和动画添加到时间轴并修改关键帧即可创建SVG动画...

付费 • 专有
查看详情
Construct Animate

Construct Animate

动画制作工具

功能全面的动画平台,完全在浏览器中运行,支持图层编辑、视频与网页导出、特效、可复用的动画元素、实时预览及跨平台访问,适用于广告、媒体和快速原型设计。

付费 • 专有
查看详情
SVG Circus

SVG Circus

软件

SVG Circus 可让您在几秒钟内创建酷炫的动画 SVG 旋转器、加载器及其他循环动画。

免费 • 开源
查看详情
上一页
下一页