Effective Page Transitions in Divi
Divi Transitions is a new plugin that aims to bring effective transitions to Divi.
Page Transitions are effects applied to a webpage when the user navigates between pages. For example, fading the content of the current page out when the user clicks on a link, before the new content is shown.
Reliable Transition Detection
Divi Transitions addresses several issues seen in other page transitions plugins:
- Transition is incorrectly triggered by links where the page is not actually left, e.g. when link opened in a new tab or the link triggers an on-page effect
- Transition effect (e.g. fade out) remains in place when returning to the page, e.g. using the "back" button.
The root cause of the first two issues is that other page transition plugins typically take the approach of intercepting link clicks, which necessitates handling all the special cases of functionality that links allow.
Divi Transitions instead uses a simpler, more reliable method – it triggers the effect only when the browser indicates that the current page is being unloaded
Designed for Divi
This improved transition detection helps provide better handling of links in Divi modules.
Additionally, Divi-specific features include:
- Transitions disabled in Visual Builder
Divi Transitions currently offers the following transitions:
Fade to Background
When the user leaves a page the old page fades out, temporarily revealing the background color / image set in the Divi Theme Customizer General Settings area.
How to Use Divi Transitions
Currently, you just install it as you would any other plugin. Once installed, it's good to go – there's zero configuration, except to enter your license key to activate updates.