SVG Animator
Pamerkan foto sebelum & selepas anda dengan cara yang menakjubkan dan interaktif dengan modul Divi Pixel yang mudah digunakan ini. Gunakan Slider Sebelum & Selepas untuk memaparkan dua versi imej hanya dengan meluncur ke atasnya.
Demo 1
Modern Architecture
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem.
Demo 2
Welcome to Oktoberfest
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-01.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Programme
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-02.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_dur=”200″ path_timing_func=”EASE” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Beer
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-03.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_dur=”200″ path_timing_func=”EASE” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Culture
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-04.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Reservations
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-05.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_dur=”200″ path_timing_func=”EASE” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Events
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/fest-06.svg” svg_color=”#e8cc00″ svg_height=”80px” anim_type=”oneByOne” anim_dur=”200″ path_timing_func=”EASE” anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Music
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.Demo 3
Animated Illustration
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem.
Demo 4
Animated Icons
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/svg-icon-04a.svg” svg_height=”80px” anim_type=”oneByOne” anim_dur=”130″ anim_start=”inViewport” align=”flex-start” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Web Design
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/svg-icon-05.svg” svg_height=”80px” anim_type=”oneByOne” anim_dur=”130″ path_timing_func=”EASE” anim_start=”inViewport” align=”flex-start” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Digital Marketing
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/svg-icon-06.svg” svg_height=”80px” anim_type=”oneByOne” anim_dur=”130″ path_timing_func=”EASE” anim_start=”inViewport” align=”flex-start” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
Branding
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdie.Demo 5
[dipi_svg_animator src=”https://www.divi-pixel.com/wp-content/uploads/2021/12/hey-lovely.svg” svg_color=”#FFFFFF” svg_weight=”0.5px” anim_type=”oneByOne” anim_dur=”151″ anim_start=”inViewport” _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_svg_animator]
I’m Sarah
Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem. Cras gravida ex nisl, in lobortis justo posuere sed. Sed in quam at massa bibendum tristique. Duis interdum, lorem ornare iaculis condimentum, arcu lectus imperdiet felis, sollicitudin vehicula purus nunc ut sem.