So aktivieren Sie die Hinge-Animation beim Scrollen von Seiten

Sie können die Voreinstellungen für die Animation beim Scrollen verwenden. Und es gibt zwei Arten davon: Anpassbare Animationsvoreinstellungen, deren Eigenschaften Sie vollständig bearbeiten können, die vorgefertigten Animationsvoreinstellungen, die Sie nur aus der Bibliothek auswählen können und nur minimale Feinabstimmung benötigen.

Der Rotationseffekt definiert eine Transformation, die ein Element ohne Verformung um einen festen Punkt auf der Seite dreht. Dieser Effekt ist auch als Voreinstellung verfügbar, die Sie im Abschnitt „Animation beim Scrollen“ des Eigenschaftenfensters finden.

Gehen Sie davon aus, dass Standard-Animationseffekte für Ihre Website-Idee zu wenig sind und Sie mehrere Animationseffekte mischen müssen, um das gewünschte Ergebnis zu erzielen. Sie können die für die anpassbaren Animationsvorgaben verfügbaren Eigenschaften vollständig steuern. Und wählen Sie nur die vorgefertigten Animationsvorgaben aus der Bibliothek mit minimaler Feinabstimmung. Sie können zum Eigenschaftenfenster gehen und alle Eigenschaften der Fade-, Move-, Zoom-, Roll-, Rotate- und Spiral-Effekte anpassen.

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

Der Fade-Effekt ist ein stilistischer Übergang, bei dem ein Element wie ein Bild, Text oder Hintergrund allmählich verschwindet und wieder auf der Webseite erscheint. Sie können den Fade-Effekt festlegen, indem Sie ein Element auswählen und im Eigenschaftsfenster die Animation beim Scrollen auswählen.

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

Heutzutage verfügen viele Websites über animierte Elemente, die verwendet werden, um Aufmerksamkeit zu erregen, indem die Besucherzahlen erhöht, das Branding verbessert und die Einzigartigkeit der Website erhöht wird. Nicepage ermöglicht Webdesignern, Profis und Anfängern, animationsreiche Blöcke ohne Codierung zu erstellen. Sie können die Eigenschaft Loop-Animation im Eigenschaftsfenster aktivieren, um Ihrer Website Animation und Interaktion hinzuzufügen und die Leistungsfähigkeit von JavaScript und CSS in den visuellen Website-Editor zu bringen.

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

Verwenden Sie den Bounce-Animationseffekt, damit sich das Element beim Scrollen der Seite nach unten, oben und schnell wieder nach unten bewegt. Sie können die Bounce-Animation beim Scrollen aktivieren, indem Sie auf die entsprechende Voreinstellung im Abschnitt „Animation beim Scrollen“ des Eigenschaftsfensters klicken.

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 die Flip-Pole entweder über die X-Achse oder die Y-Achse auswählen. Sie können ein Element und dann die Flip-Voreinstellung für die Animation beim Scrollen im Eigenschaftenfenster auswählen.

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 einer bestimmten Richtung bewegt. Legen Sie den Folieneffekt fest, indem Sie ein Element hinzufügen, auswählen und dann im Eigenschaftenfenster im Abschnitt „Animation beim Scrollen“ auf die Folienvorgabe klicken.