Skip to main content

Interactions: Trigger & Target

I
Written by Inbal Shemesh
Updated over 2 months ago

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 interaction

  • Other 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:

Did this answer your question?