00:00
Buy Me a Beer
Utilities

Delay Transition

Add a page delay to boost your Webflow page transitions

Add a Delay to your Webflow Page Transitions

Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.

Add Slider Attribute

Copy this attribute:

vdx-transition-delay

Control the delay time by adding a value in milliseconds.

500 = 500ms or 0.5 seconds
1000 = 1000ms or 1 second2
2000 = 2000ms or 2 seconds

 Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-transition-delay
Value
2000

Publish

An example of Delay Transition in action