大数跨境

SVG Artista:将 SVG 图形转换为动画

SVG Artista:将 SVG 图形转换为动画 土耳其小莫
2019-09-09
4
导读:通过 SVG Artista,您可以将 SVG 文件转换为动画,并单独控制 CSS 类中各个元素的动画效果。

SVG Artista是一款基于浏览器的工具,可将SVG图形转换为动画并辅助编辑CSS属性,有效帮助设计师提升网站动效制作效率。

上传或粘贴SVG图形后,动画默认仅在加载时播放一次。用户可通过面板便捷调整SVG元素的类名、背景颜色及动画类型。

该工具为SVG中的每个元素分配独立的CSS类以实现渐进式动画效果,支持单独控制与编辑。同时,面板可直接生成包含过渡和动画属性的CSS代码。

用户可点击播放按钮实时预览编辑效果,并通过“Fill and Stroke”(填充与描边)面板微调设置;此外,还可利用“draw/erase”(绘制/擦除)功能反转动画效果。

确认效果满意后,点击“Get Code”(获取代码)即可复制SVG及CSS代码至编辑器中使用。凭借操作简便且免费的特性,SVG Artista已成为UI设计师的实用利器。

【声明】内容源于网络
0
0
土耳其小莫
小莫带你了解土耳其电商,探索AI应用
内容 26498
粉丝 0
土耳其小莫 小莫带你了解土耳其电商,探索AI应用
总阅读242
粉丝0
内容26.5k