05.11.2013 - Parallax Scrolling mit ACANTAS

Parallaxes Scrolling ist eine Webtechnik, die es ermöglicht, Objekte auf einer Webseite unterschiedlich schnell zu scrollen oder während dem Scrollen auf verschiedene Art und Weise zu animieren. So können einzigartige räumliche Effekte erzeugt werden, bei denen beispielsweise der Hintergrund langsamer als der Vordergrund verläuft. Ein Beispiel für parallaxes Scrolling ist unsere Startseite.

Gestalten Sie diese parallaxen Effekte mit unserem Redaktionssystem:

In unserem Content Builder stehen Ihnen 5 verschiedene Arten zur Animierung Ihrer Inhalte zur Verfügung. Natürlich sind auch beliebige Kombinationen möglich. Ihrer Kreativität sind dabei keine Grenzen gesetzt. Die meisten Animierungen funktionieren auf den gängigsten Web-Browsern. Es kann vorkommen, dass die Art der Darstellung je nach Browser etwas unterschiedlich ist. Bitte beachten Sie auch, dass die Animierungen auf Mobilgeräten eventuell nicht dargestellt werden.

1. Rotation

Lassen Sie Elemente um ihre eigene Achse drehen–  bis zu 360°.
ufo.png

2. Verschieben

Positionieren Sie Elemente beim Scrollen neu: Zum Beispiel langsamer oder schneller als den Rest der Webseite. Oder lassen Sie neue Elemente von links oder rechts auf den Bildschirm gleiten.
Ufo dunkelblau

3. Transparenz

Mithilfe der Transparenz-Animation können Sie sowohl Bilder als auch andere Bausteine aus unserem Content Builder ganz einfach einblenden oder ausblenden lassen.
ufo.png

4. Hintergrundfarbe

Rücken Sie Texte oder andere Elemente in den Vordergrund, indem Sie ihnen eine alternative Hintergrundfarbe zuweisen.

ufo.png

5. Zoom

Vergrößern oder verkleinern Sie Objekte mit der Zoom-Funktion. So können Sie beispielsweise Bilder beim Scrollen in den Vordergrund zoomen und anschließend wieder nach hinten verschwinden lassen.

ufo.png

Hat Ihnen dieser Artikel gefallen? Wir freuen uns über Ihre Weiterempfehlung!