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

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