Controlling Animation Duration
You can control how quickly or slowly an animation plays by using the data-aos-duration attribute on any element that uses AOS. The value you set for this attribute determines the total time, in milliseconds, that the animation will take from start to finish. For example, a value of 400 means the animation will last 400 milliseconds, while 2500 will make it much slower, lasting 2.5 seconds. By increasing the data-aos-duration value, you create a slower, more noticeable animation effect. Decreasing the value makes the animation finish faster. This allows you to fine-tune the visual pacing of your page and highlight important content as users scroll.
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Awesome!
Completion rate improved to 6.67
Controlling Animation Duration
Swipe to show menu
You can control how quickly or slowly an animation plays by using the data-aos-duration attribute on any element that uses AOS. The value you set for this attribute determines the total time, in milliseconds, that the animation will take from start to finish. For example, a value of 400 means the animation will last 400 milliseconds, while 2500 will make it much slower, lasting 2.5 seconds. By increasing the data-aos-duration value, you create a slower, more noticeable animation effect. Decreasing the value makes the animation finish faster. This allows you to fine-tune the visual pacing of your page and highlight important content as users scroll.
Thanks for your feedback!