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.​

Material property, Azure, Rectangle, Art
Material property, Rectangle, Wood, Orange, Shelving, Art, Flooring, Floor, Wall, Font
Material property, Rectangle, Grey, Font

Video​
Präsentation ​von Video Content.​

Video hover​
Videohintergrund mit überlagerndem Text, der sich bei Mouse Over verändert.​

Video hover
BCN

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.​

Font
Font
Font

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.​

Material property, Rectangle, Shelving, Flooring, Floor, Font, Line, Art, Aqua

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.​

Material property, Azure, Rectangle, Art

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

Material property, Rectangle, Wood, Orange, Shelving, Art, Flooring, Floor, Wall, Font

Card Slider​
Karten-Karussell mit Navigationssteuerungen zum Blättern.​

CARD SLIDER 1
Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
CARD SLIDER 2
Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
CARD SLIDER 3
Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

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.​

Lorem Ipsum?

Lorem Ipsum
Lorem Ipsum
Lorem Ipsum

Lorem Ipsum?

Lorem Ipsum
Lorem Ipsum
Lorem Ipsum

Completed. Your score:

0/2

Sticky Position​
Element ist an einer Position fest positioniert.​

Font

Zu den Best Cases