I have a fade-in animation setup on columns. The animation works, but the delay that i have for the columns is not. They all come in at the same time.
Any known issues or things i should check?
<div class="col-12 col-sm-12 mt-md-1 mb-md-1 mt-1 mb-1 col-xl-4 col-md-4" dmx-animate-enter.delay:500="fadeIn">
The enter delay option is for dynamic content, i.e. for elements inside a repeat region.
how do i delay a static column on page load?
What are you trying to achieve?
i have 3 columns, i want to have the first column fade in…then 1 sec later the 2nd column…and 2 seconds after the first the third column…so it looks fluid when it loads.
like this, but it doesn’t seem to be working for the Enter Animation
Well, as I explained enter and leave animations are available only for dynamic data in repeat regions.
Follow the tutorial and use the inview animation options to achieve this.
