So verwenden Sie die Animationsvoreinstellungen im Webdesign

Beim Scharniereffekt dreht sich ein Element um oder bringt es mit einer plötzlichen schnellen Bewegung zum Umkippen, wobei es an der Stelle eines vorstellbaren Scharniers stoppt. Dieser natürliche Übergang kann die Interaktion in Ihrem Webdesign überraschen.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.