SVG Animator Module<\/p>[\/et_pb_text][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" header_2_font=\"|600|||||||\" header_2_text_align=\"center\" header_2_text_color=\"#2A2A2A\" header_2_font_size=\"45px\" header_2_letter_spacing=\"-1px\" header_2_line_height=\"1.2em\" max_width=\"800px\" module_alignment=\"center\" header_2_font_size_tablet=\"45px\" header_2_font_size_phone=\"25px\" header_2_font_size_last_edited=\"on|phone\" global_colors_info=\"{}\"]
Delayed Effect<\/p>[\/et_pb_text][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" text_text_color=\"#696969\" text_line_height=\"1.6em\" text_orientation=\"center\" global_colors_info=\"{}\"]Every path element is drawn at the same time with a small delay at the start. This is currently the default animation.[\/et_pb_text][\/et_pb_column][et_pb_column type=\"1_3\" _builder_version=\"4.21.0\" _module_preset=\"default\" background_color=\"#fafafa\" custom_padding=\"60px|40px|60px|40px|true|true\" custom_padding_tablet=\"60px|40px|60px|40px|true|true\" custom_padding_phone=\"40px|20px|40px|20px|true|true\" custom_padding_last_edited=\"on|phone\" global_colors_info=\"{}\"][ds_svg_animator src=\"https:\/\/divi-sensei.com\/wp-content\/uploads\/2023\/07\/ds-svg-demo-assets-_Artboard-3.svg\" svg_color=\"#F32A46\" svg_height=\"80px\" svg_weight=\"12\" anim_type=\"sync\" anim_start=\"inViewport\" replay_on_click=\"on\" _builder_version=\"4.21.0\" _module_preset=\"default\" background_enable_color=\"off\" module_alignment=\"center\" custom_margin=\"||||false|false\" custom_padding_last_edited=\"off|desktop\" custom_css_main_element=\"margin-bottom: 30px !Important;\" border_radii=\"on|100px|100px|100px|100px\" global_colors_info=\"{}\"][\/ds_svg_animator][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" text_font=\"Poppins|600|||||||\" text_text_color=\"#2A2A2A\" text_font_size=\"22px\" text_orientation=\"center\" custom_margin=\"||12px||false|false\" global_colors_info=\"{}\"]Sync Effect[\/et_pb_text][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" text_text_color=\"#696969\" text_line_height=\"1.6em\" text_orientation=\"center\" global_colors_info=\"{}\"]Each line is drawn synchronously. They all start and finish at the same time, hence the name `sync`.[\/et_pb_text][\/et_pb_column][et_pb_column type=\"1_3\" _builder_version=\"4.21.0\" _module_preset=\"default\" background_color=\"#fafafa\" custom_padding=\"60px|40px|60px|40px|true|true\" custom_padding_tablet=\"60px|40px|60px|40px|true|true\" custom_padding_phone=\"40px|20px|40px|20px|true|true\" custom_padding_last_edited=\"on|phone\" global_colors_info=\"{}\"][ds_svg_animator src=\"https:\/\/divi-sensei.com\/wp-content\/uploads\/2023\/07\/ds-svg-demo-assets-_Artboard-3.svg\" svg_color=\"#F32A46\" svg_height=\"80px\" svg_weight=\"12\" anim_type=\"oneByOne\" anim_start=\"inViewport\" replay_on_click=\"on\" _builder_version=\"4.21.0\" _module_preset=\"default\" background_enable_color=\"off\" module_alignment=\"center\" custom_margin=\"||||false|false\" custom_padding_last_edited=\"off|desktop\" custom_css_main_element=\"margin-bottom: 30px !Important;\" border_radii=\"on|100px|100px|100px|100px\" locked=\"off\" global_colors_info=\"{}\"][\/ds_svg_animator][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" text_font=\"Poppins|600|||||||\" text_text_color=\"#2A2A2A\" text_font_size=\"22px\" text_orientation=\"center\" custom_margin=\"||12px||false|false\" global_colors_info=\"{}\"]One by One Effect[\/et_pb_text][et_pb_text _builder_version=\"4.21.0\" _module_preset=\"default\" text_text_color=\"#696969\" text_line_height=\"1.6em\" text_orientation=\"center\" global_colors_info=\"{}\"]Each path element is drawn one after the other. This animation gives the best impression of live drawing.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]","post_title":"SVG-Animator-Demo-05","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"svg-animator-demo-05","to_ping":"","pinged":"","post_modified":"2023-08-29 15:14:55","post_modified_gmt":"2023-08-29 15:14:55","post_content_filtered":"","post_parent":0,"menu_order":0,"post_type":"et_pb_layout","post_mime_type":"","comment_count":"0","filter":"raw","post_meta":{"_et_pb_built_for_post_type":["page"]},"terms":{"15":{"name":"Divi Sensei Demo","slug":"divi-sensei-demo","taxonomy":"layout_category","parent":0,"all_parents":[],"description":""},"4":{"name":"not_global","slug":"not_global","taxonomy":"scope","parent":0,"all_parents":[],"description":""},"6":{"name":"regular","slug":"regular","taxonomy":"module_width","parent":0,"all_parents":[],"description":""},"8":{"name":"section","slug":"section","taxonomy":"layout_type","parent":0,"all_parents":[],"description":""}}}},"presets":"","global_colors":"","images":{"https:\/\/divi-sensei.com\/wp-content\/uploads\/2023\/07\/ds-svg-demo-assets-_Artboard-3.svg":{"encoded":"PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjhweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTcyLjMsMTM2LjVjMTAuMSw2LjEsMTguNywxNC42LDI1LjQsMjQuNy0xLjEtLjYtMi4xLTEuMi0zLjItMS45LTEyLjQtNy43LTE5LjEtMTcuNy0yMi4xLTIyLjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjMxLjcsNTAyLjZIMzMuOWMtMTAuNC4xLTE4LjctOC45LTE3LjQtMTguOUw1NC4xLDE5Ny42YzMuNS0yNi40LDE4LjItNDguNSwzOC44LTYxLjFoNDkuM2MuMiwxLjkuOCw4LDMuMiwxNiwyLjksOS4yLDguMiwyMC45LDE4LjIsMzEuMiwyLjksMyw2LjIsNS45LDkuOSw4LjYsMTMuNyw5LjksMjgsMTMuMSwzOC44LDE0bDM2LjcsMjc3LjNjMS4zLDEwLTYuOSwxOS4xLTE3LjMsMTkuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTQuMSwxMjAuM2MwLDQuNS0xLjgsOC41LTQuOCwxMS41LTMsMy03LDQuOC0xMS41LDQuOGgtOTBjLTguOSwwLTE2LjMtNy4zLTE2LjMtMTYuM3MxLjgtOC41LDQuOC0xMS41LDctNC44LDExLjUtNC44aDkwYzguOSwwLDE2LjMsNy4zLDE2LjMsMTYuMloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMDYsMzkuNmwtMjYsNjQuNWgtOTQuM2wtMjYtNjQuNWMtNi0xNC45LDUtMzEuMiwyMS4xLTMxLjJoMTA0LjJjMTYuMSwwLDI3LjEsMTYuMywyMS4xLDMxLjJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjI5LjIsMjA1LjhjLTIuNC4zLTguNiwxLjEtMTYuOC41LTEwLjgtLjgtMjUuMS00LjEtMzguOC0xNC0zLjctMi43LTctNS42LTkuOS04LjYtMTAtMTAuMy0xNS4zLTIyLTE4LjItMzEuMi0yLjUtOC0zLjEtMTQuMS0zLjItMTZoMzAuMWMzLDUuMSw5LjcsMTUuMSwyMi4xLDIyLjgsMS4xLjcsMi4yLDEuMywzLjIsMS45LDEwLDUuNCwxOS4yLDcsMjQuNCw3LjYsOS40LjIsMTcuNCw3LjEsMTguOSwxNi4yLDEuNCw4LjctMy41LDE3LjQtMTEuOCwyMC45WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTE0NS41LDE1Mi41Yy01LjIsNC41LTEyLjksMTAtMjMuMSwxNC41LTYuNiwyLjktMTIuOCw0LjYtMTcuOSw1LjctNy42LDEuOS0xMyw4LTEzLjQsMTQuNi0uNiw4LjYsNy4zLDE3LjQsMTguMSwxNy40LDYuMi4yLDE2LS4xLDI3LjEtNCwxMy42LTQuNywyMi42LTEyLjMsMjcuMy0xNyIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMzIzLjIiIHk9IjQ2NS41IiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjM4LjIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yOTAuOCwyNjYuMWgyMDQuOHYxNTMuOWMwLDI1LjEtMjAuNCw0NS41LTQ1LjUsNDUuNWgtMTEzLjljLTI1LjEsMC00NS41LTIwLjQtNDUuNS00NS41di0xNTMuOWgwWiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjI5Mi40IiB5MT0iMzE5LjYiIHgyPSIzODAuOSIgeTI9IjMxOS42Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNDA1LjciIHkxPSIzNTMuNSIgeDI9IjQ5NC4yIiB5Mj0iMzUzLjUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI0MDUuNyIgeTE9IjMxOS42IiB4Mj0iNDI4LjciIHkyPSIzMTkuNiIvPjwvc3ZnPg==","url":"https:\/\/divi-sensei.com\/wp-content\/uploads\/2023\/07\/ds-svg-demo-assets-_Artboard-3.svg","id":7239}},"thumbnails":[]}