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 de l'élément au survol du groupe

La mise à l'échelle des éléments ou le redimensionnement proportionnel au survol peut être un effet d'animation intéressant qui peut impressionner vos visiteurs. Vous pouvez choisir l'échelle prédéfinie, puis modifier les propriétés du groupe de survol dans le panneau des propriétés en cliquant sur le lien correspondant. Pour tester, cliquez quelque part sur le bloc, puis survolez.

Changement d'élément au survol du groupe

Le déplacement d'un élément au survol est un effet naturel puisque vous créez une réaction sur une souris survolant un groupe en imitant tout élément en mouvement connu. Dans le panneau de propriétés à droite, le panneau de survol du groupe, vous pouvez choisir le préréglage de décalage. Testez-le en désélectionnant et en survolant un groupe.

Couleur de l'élément au survol du groupe

Pour les éléments de cellule groupés ou de grille, vous pouvez modifier la couleur de l'élément sur son survol et pendant le survol d'un groupe ou d'une cellule de grille. Sélectionnez un élément dans un groupe. Sélectionnez le groupe de survol de la section Animation sur 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 au survol du groupe

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