
Effekte und Animationen
Eine große Auswahl an Effekten und Animationen wie Scrollmotion, Scrollytelling, Click- und Mouse-Over-Bewegungen, Quiz, Diagramme, Karten, Videos, Bildergalerien und vieles mehr stehen zur Wahl und können individuell in das Interactive Brand Page integriert werden. Hier einige Effekte und Animationen die integriert werden können:
Image
Image Compare
Bildvergleich per Schiebemechanismus.
Slideshow
Bildergalerie mit Navigationssteuerung. Per Klick erscheint das nächste Bild.



Video
Präsentation von Video Content.
Video hover
Videohintergrund mit überlagerndem Text, der sich bei Mouse Over verändert.
Video hover
BurdaForward
Animierte Texte
Animated Words
Textanimationen, die auf eine Reihe von Wörtern angewendet werden können.
Animated Words
Animated Words
Animated Words
Typewriter
Wörter in einer an Schreibmaschinen angelehnten Darstellung.
Interactive Brand Page
Text Accordion
Beim Klick auf ein Akkordeon-Element enthüllt sich der aufgeklappte Textinhalt.
Lorem ipsum dolor sit amet consectetue
Lorem ipsum dolor sit amet consectetue
Lorem ipsum dolor sit amet consectetue
Text Card
Gestaltete Karten zum Blättern.
KARTE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
KARTE 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
KARTE 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
Scrollytelling
Simple Image Parallax
Effekt für Hintergrundbilder, bei dem sich der Hintergrund langsamer bewegt als der Vordergrund.
Sticky Background
Fixierung des Hintergrunds, während Inhalte wie Texte und Bilder hochscrollen.
Sticky Background
Scrollytelling Image
Fixierte Hintergrundbilder, die erst ab einem bestimmten Punkt wechseln.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
Scrollytelling Video
Fixierte Hintergrundvideos, die erst ab einem bestimmten Punkt wechseln.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
Horizontal Scroll
Blättert den Abschnitt von links nach rechts, während der Benutzer von oben nach unten scrollt.
Layout
Animation
Animieren von Elementen wie Loops, einmaliges Durchlaufen, Auf/Abblenden oder Rotieren.



Number Counter
Beginnt bei der angegebenen Startnummer und zählt in Einserschritten, bis die Endnummer erreicht ist.
0
Scroll Zoom
Das Element vergrößert sich schrittweise, wenn es an den oberen Rand des Bildschirms gescrollt wird.

Interactive
Image Slider
Reihe von Kacheln mit Texten und Elemente sowie einer Mouse-Over-Animation.
Tooltip
Zeigt ein Informationsfeld, das nur erscheint, wenn sich der Cursor über dem Zielelement befindet.

Zoom
Vergrößert das angeklickte Element. Bei Klick auf das gezoomte Element
schaltet es auf seine ursprüngliche Größe und Position zurück.


Card Slider
Karten-Karussell mit Navigationssteuerungen zum Blättern.
Labeled Image
Hotspot-Markierungen über ein Bild. Bei Mouse-Over auf
einen Hotspot-Marker erscheint das zugewiesene Widget.

Lorem
Lorem
Lorem
Lorem
Multiple Choice
Mehrfachauswahl-Fragen mit Möglichkeit zur Rückmeldung für richtige Antworten.
NEXT
Lorem Ipsum?
Lorem Ipsum?
Sticky Position
Element ist an einer Position fest positioniert.
