So animieren Sie Elemente, während Sie über eine Gruppe oder Rasterzelle schweben

Interessant ist auch die Elementanimation beim Schweben einer Gruppe oder einer Gitterzelle. Solche Animationseffekte sehen elegant und natürlich aus. Wählen Sie ein Element in einer Gruppe aus, klicken Sie auf den Hover-Abschnittslink des Eigenschaftsfensters und aktivieren Sie dann das Kontrollkästchen Hover. Wählen Sie eine Vorgabe aus und ändern Sie dann die Eigenschaften, um den gewünschten Effekt zu erzielen.
Animation bei Gruppen-Hover

Nach Funktionskategorien durchsuchen

Elementskalierung bei Gruppen-Hover

Das Skalieren von Elementen oder die proportionale Größenänderung beim Hover kann ein interessanter Animationseffekt sein, der Ihre Besucher begeistern kann. Sie können Skalierungsvorgabe auswählen und dann die Eigenschaften der Hover-On-Gruppe im Eigenschaftenfenster ändern, indem Sie auf den entsprechenden Link klicken. Klicken Sie zum Testen irgendwo auf den Block und bewegen Sie den Mauszeiger.

Elementverschiebung bei Gruppen-Hover

Das Verschieben eines Elements beim Schweben ist ein natürlicher Effekt, da Sie eine Reaktion erzeugen, wenn eine Maus über eine Gruppe schwebt, die alle allgemein bekannten sich bewegenden Dinge imitiert. Im Eigenschaftsfenster rechts, dem Hover-On-Gruppenfenster, können Sie die Umschaltvorgabe auswählen. Testen Sie es, indem Sie die Auswahl einer Gruppe aufheben und den Mauszeiger darüber bewegen.

Elementfarbe bei Gruppen-Hover

Bei gruppierten oder Rasterzellenelementen können Sie die Elementfarbe beim Schweben und beim Bewegen der Maus über eine Gruppe oder eine Rasterzelle ändern. Wählen Sie ein Element in einer Gruppe aus. Wählen Sie die Hover-On-Gruppe des Abschnitts Animation an und ändern Sie die Farbeigenschaften im Eigenschaftenfenster. Deaktivieren Sie das Element und bewegen Sie den Mauszeiger über die zu testende Gruppe.

Elementschatten bei Gruppen-Hover

Für ein Element in einer Gruppe oder Rasterzelle können Sie die Schatteneigenschaft im Gruppen-Hover ändern. Das Hinzufügen von Schatten zu einem Element erzeugt einen Pseudo-3D-Effekt, der im Webdesign sehr beliebt ist. Wählen Sie im Abschnitt „Hover auf Gruppe“ des Eigenschaftenfensters die Schattenvorgabe aus und bearbeiten Sie bei Bedarf optional den Schatten.