Animation triggers

Triggers execute animations based on various events, such as hover, click, or scroll. The majority of these triggers are time-based, meaning they progress the animations according to the elapsed time. For example, triggers like hover, click, or inview execute animations that play over a specified duration.

On the other hand, coordinate-based triggers—such as scroll, mouse, or pointer events—utilize the coordinates (x and y positions) of the triggering event. These triggers can be used to create dynamic animations that respond to user interactions in real-time.

Overview

Time-based triggers

Coordinate-based triggers