Affect Class : Siblings, Children & Parents
Affect Class : Siblings, Children & Parents

Affect Class : Siblings, Children & Parents

Sommaire

Présentation

Au sein du module d'animation de Webflow (IX 2.0), nous devons définir l'élément auquel apporter une modification et la modification à lui apporter. Pour cela, nous avons 3 options.

Selected Element

On affecte l'animation à un élément sélectionné. L'animation n'aura lieu que pour cet élément, même si sa .Class est appelée ailleurs sur la page.

.Class

Ainsi tous les éléments avec cette .Class auront l'animation. Enfin presque… On y revient juste après.

Interaction Trigger

Il est possible d'affecter l'animation à l'élément déclencheur de l'animation. Ex: Au survol d'un bouton, je modifie le bouton. Hop "Interaction Trigger" ! 😎

image

→ Une fois que l'on a choisi .Class, de nouvelles options s'offrent à nous.

image

All elements with this class

Va affecter à l'animation à tous les éléments.

Only children with this class

Affecte uniquement les éléments ayant cette .Class & étant enfant de l'élément déclencheur.

Only siblings with this class

Affecte uniquement les éléments ayant cette .Class & étant les éléments frères du déclencheur. Le déclencheur n'est pas affecté.

Only parents with this class

Affecte uniquement les éléments ayant cette .Class & étant les éléments parents du déclencheur. Les autres éléments avec cette .Class ne sont pas affectés.

Démonstration visuelle

image

Apprends à créer un site moderne, dynamique et intègre les meilleurs outils du marché dans Webflow. Rejoins la formation sans attendre & Maitrise Webflow très rapidement.

-20% offert avec le code WIKI20 (valable sur les paiements en 1x et 4x)