So verwenden Sie die Animation beim Scrollen im Webdesign

Die Animation beim Scrollen ist der grundlegende Effekt beim Laden und Scrollen von Webseiten. Sie können es hinzufügen, indem Sie ein Element auswählen und dann zum Eigenschaftenfenster gehen. Klicken Sie auf den Link Beim Scrollen und aktivieren Sie das Kontrollkästchen Animation. Wählen Sie eine Voreinstellung und passen Sie den On-Scroll-Effekt bei Bedarf an. Vorschau, um die Animation beim Scroll-Effekt zu sehen.
On-Scroll-Animation

Nach Funktionskategorien durchsuchen

Animationseffekt verblassen

Der Fade-Effekt ist ein stilistischer Übergang, bei dem ein Element wie ein Bild, ein Text oder ein Hintergrund allmählich verschwindet und wieder auf der Webseite erscheint.

Folienanimationseffekt

Fügen Sie den Effekt hinzu, wenn Sie möchten, dass sich Ihr Element beim Laden oder Scrollen der Seite allmählich von einem Punkt zum anderen in eine bestimmte Richtung bewegt.

Zoom-Animationseffekt

Der Zoom-Effekt ist der Übergang der allmählichen Erscheinung, während die Größe eines Elements geändert wird. Es ermöglicht das Schließen eines Elements beim Laden oder Scrollen einer Webseite.

Animationseffekt spiegeln

Wenden Sie den Flip-Effekt an, um die Halbdrehung eines Elements zu implementieren, wodurch Sie sowohl die Vorder- als auch die Rückseite des aktuellen Elements sehen können. Sie können den Flip-Pol entweder auf der X-Achse oder auf der Y-Achse wählen.

Bounce-Animationseffekt

Verwenden Sie den Bounce-Animationseffekt, damit sich das Element beim Scrollen der Seite nach unten, oben und schnell wieder nach unten bewegt.

Animationseffekt drehen

Der Rotationseffekt definiert eine Transformation, die ein Element ohne Verformung um einen festen Punkt auf der Seite dreht.

Box-Animationseffekt

The Box, oder Jack In The Box, erzeugt einen Übergangseffekt, der eine beliebte Scherzspielzeugbewegung imitiert. Es beginnt mit der zentralen Einblendung und setzt sich mit dem Schütteln von einer Seite zur anderen fort.

Flash-Animationseffekt

Flash-Animationen, auch mit Blinken in Verbindung gebracht, sind ebenfalls beliebt, um die Aufmerksamkeit der Besucher auf sich zu ziehen. Es erscheint wie eine Reihe von Ein- und Ausblendübergängen, wobei der Akzent auf dem undurchsichtigen Zustand des animierten Objekts oder Textes liegt.

Scharnier-Animationseffekt

Beim Hinge-Effekt dreht sich ein Element um oder bewirkt, dass es sich mit einer plötzlichen schnellen Bewegung umdreht und an der Stelle eines vorstellbaren Scharniers stoppt. Dieser natürliche Übergang kann die Interaktion in Ihrem Webdesign überraschen.