00:00
Buy Me a Beer
Utilities

Delay Transition

Add a page delay to boost you webflow page transitons

Instructions

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

1

Copy this attribute:

Copied!
vdx-transition-delay
2

Paste the attribute into the Link Block Custom Attributes Name field

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

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
Style
Settings
Interactions
Custom Attributes
Name
vdx-transition-delay
Value
2000

An example of Delay Transition in action