So verwenden Sie die Animation beim Scrollen im Webdesign
Loop-Animation
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.
Animationsanpassung
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.
Animationsvorgaben
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.
Animationseffekt verblassen
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.
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 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.
Flip-Animationseffekt
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.
Bounce-Animationseffekt
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.
Flash-Animationseffekt
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.