Divi Animation

Divi Animation brings motion effects into the Divi Visual Builder, where you can apply them to text, images, and SVG graphics. It includes effects triggered by scrolling and hovering, plus timeline controls for managing animation sequences and durations. This gives Divi site designers a way to add motion to page elements while working in the builder.

Live previews let you see changes as you edit and adjust an animation to fit the page. The plugin also includes one-click presets for the current animation. When two effects that control the same element are enabled together, an in-builder notice identifies the conflict. Divi Animation suits designers and agencies creating Divi websites with animated content.

Features

• Scroll animations: Set motion effects to run as visitors scroll through a page, adding movement to page content in response to scrolling.
• Text and image effects: Apply animation effects to headings, paragraphs, and images to add motion to those elements.
• SVG animations: Animate SVG graphics to add movement to vector artwork used on a Divi site.
• Hover interactions: Create effects that respond when visitors hover over an element, adding an interactive motion response.
• Timeline controls: Manage animation sequences and durations with timeline controls in the builder.
• Live previews: Preview animations while editing in the Divi Visual Builder, so you can see the effect as you make adjustments.
• Effect conflict notices: See an in-builder notice when effects that control the same element are enabled together, such as Text Flow and Text Animation.

Best for

• Divi website designers
• Agencies building Divi sites
• Sites with animated text and images