{"id":1796,"date":"2026-11-03T11:14:51","date_gmt":"2026-11-03T11:14:51","guid":{"rendered":"https:\/\/demo.divi-pixel.com\/modules\/svg-animator\/"},"modified":"2026-11-05T18:17:19","modified_gmt":"2026-11-05T18:17:19","slug":"svg-animator","status":"publish","type":"page","link":"https:\/\/demo.divi-pixel.com\/modules\/svg-animator\/","title":{"rendered":"SVG Animator"},"content":{"rendered":"
<\/span><\/span>\n
\n
\n
<\/span><\/div>\n\n

SVG Animator Module for Divi<\/h1>\n<\/div><\/div>\n\n

SVG Animator module allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available.<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>

Divi 5 Ready<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n
<\/div><\/div>\n\n
\n
\n
\n

Features<\/h4>

Add stunning animations to your SVG images<\/p>\n<\/div><\/div><\/div><\/div>\n\n

The Divi Pixel SVG Animator is highly customizable and will help you add amazing animations to your SVG images using built-in module features.<\/p>\n<\/div><\/div>\n\n

N<\/span><\/span><\/div>

3 Animation Types<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

Animation Duration<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

Path Timing Function<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

Animation Timing Function<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

SVG Alignment<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

Stroke Width & Color<\/h4><\/div><\/div><\/div>\n\n
N<\/span><\/span><\/div>

Replay Animation on Click<\/h4><\/div><\/div><\/div>\n<\/div>\n\n
\n