Comment animer des éléments tout en survolant un groupe ou une cellule de grille

L'animation d'élément sur le survol d'un groupe ou d'une cellule de grille est également intéressante. De tels effets d'animation sont élégants et naturels. Choisissez un élément dans un groupe, cliquez sur le lien de la section Hover du panneau de propriétés, puis cochez la case Hover. Sélectionnez un préréglage, puis modifiez les propriétés pour obtenir l'effet conçu.
Animation au survol du groupe

Parcourir par catégories de fonctionnalités

Échelle d'élément au survol de la boîte

La mise à l'échelle des éléments ou le redimensionnement proportionnel au survol peut être un effet d'animation intéressant qui peut épater vos visiteurs. Vous pouvez choisir Scale Preset puis modifier les propriétés Hover On Group dans le Property Panel en cliquant sur le lien correspondant. Pour tester, cliquez quelque part sur le bloc, puis survolez.

Décalage d'élément lors du survol de la boîte

Déplacer un élément au survol est un effet naturel puisque vous créez une réaction sur une souris survolant un groupe imitant toutes les choses en mouvement connues. Dans le panneau de propriétés à droite, le panneau Hover On Group, vous pouvez choisir le préréglage de décalage. Testez-le en désélectionnant et en survolant un groupe.

Élément Shift-Up lors du survol de la boîte

Vous pouvez également animer le mouvement vertical au survol pour un élément groupé. De légers mouvements vers le haut sont une réaction de survol très populaire dans la conception Web moderne. Vous pouvez choisir le préréglage Shift Up dans le panneau de propriétés à droite, dans le panneau Hover On Group. Désélectionnez et survolez un groupe pour tester le mouvement de l'élément.

Couleur de l'élément au survol de la boîte

Pour les éléments groupés ou de cellule de grille, vous pouvez modifier la couleur de l'élément lors de son survol et lors du survol d'un groupe ou d'une cellule de grille. Sélectionnez un élément dans un groupe. Sélectionnez le groupe Hover On de la section Animation On et modifiez les propriétés de couleur dans le panneau de propriétés. Désélectionnez l'élément, puis survolez le groupe à tester.

Ombre d'élément sur le survol de la boîte

Pour un élément dans un groupe ou une cellule de grille, vous pouvez modifier la propriété Shadow lors du survol de groupe. L'ajout d'ombre à un élément crée un effet pseudo-3D, très populaire dans la conception Web. Dans la section Survoler le groupe du panneau de propriétés, sélectionnez le préréglage d'ombre et modifiez éventuellement l'ombre si nécessaire.