Every animation in Flowmo is built on two core elements: the trigger and the target.
🎯 Trigger
The trigger is the element that initiates the interaction — for example:
A click
A hover
A scroll
A mouse move
🎯 Target
The target is the element that responds to that interaction — it’s the one being animated or changed.
🔁 Same vs. Different Elements
Sometimes, the trigger and target are the same element
→ The element reacts to its own interactionOther times, they are separate
→ One element triggers the interaction, while another responds
Here’s an example where the trigger and target are the same element:
and here’s where the trigger and target are two separate elements: