AOS - Modify the Maximum Delay

[manudev-1]

This is:

• Question

Specifications

• AOS version: ^2.3.4
• OS: Windows 11 22H2
• Browser: Google Chrome

Expected Behavior

I am trying to develop an information site, and i am adding a part of the site dedicated to the resources of the informations, I have 10 resources and I want to animate them based on their index for example: The first source will have 0 (data-aos-delay="400*index") delay, for the second 400 of delay and so on until reach 10.

Actual Behavior

The actual problem is that AOS allow a maximum of delay of 3000, and I was wondering if there is a way that allows you to change this maximum.

[qwq0119]

You can add custom delays through the following actions

body [data-aos-delay='4000'].aos-animate {
  transition-delay: 4000ms;
}

In fact, the author has built in this method, gradually increasing the built-in style from 50ms to 3000ms. Of course, you can also directly modify the delay through row class styles,

:style="{ transitionDelay: index * 2000 + 800 + 'ms' }"