Studio Editor: Verfügbare Animationen je Element
1 Min.
Die folgende Tabelle bietet einen detaillierten Überblick über die für jedes Element verfügbaren Animationen und Effekte. So kannst du ganz einfach dynamische und interaktive Designs erstellen.
Element | Verfügbare Animationen |
|---|---|
Akkordeon | Entrance |
Ankermenü | Mouseover |
Audio-Player | Entrance |
Grundform | Alle Animationstypen |
Button | Alle Animationstypen |
Einklappbarer Text | Entrance, Mouseover, und Mauseffekte |
Container | Alle Animationstypen |
Fußzeile | Mouseover, Klicken, Scrollen |
Flexbox (Parent-Element und Listenelemente) | Alle Animationstypen außer Loop |
Rasterzelle | Alle Animationstypen außer Mauseffekte |
Das Hamburger-Menü-Symbol | Entrance |
Kopfzeile | Mouseover, Klicken, Scrollen |
Horizontale Menüs | Entrance, Mouseover |
Bild | Alle Animationstypen |
Eingabefelder | Entrance |
Lightbox | Entrance |
Linie (horizontal und vertikal) | Alle Animationstypen |
Lottie | Entrance |
Multistatus-Box | Entrance, Klick, Mouseover, Mauseffekte |
Seite | Scrollen |
Repeater (Parent) | Entrance, Loop, Mauseffekte, Scrollen |
Repeater (Element) | AB-Design deaktiviert: Alle Animationstypen AB-Design aktiviert: Klick, Mouseover, und Mauseffekte. |
Abschnitt | Mouseover, Klicken, Scrollen Tipp: Du kannst auch Abschnitten mit Medienhintergrund einen WEbGL-Effekt hinzufügen |
„Teilen“-Button | Entrance, Mouseover, und Mauseffekte |
Website-Suchleiste | Entrance |
Diashow | Entrance |
Social Media-Leiste | Entrance, Mouseover, und Mauseffekte |
Stapel (Stacks) | Alle Animationstypen |
Tabelle | Entrance |
Tabs | Entrance |
Text | Alle Animationstypen |
Lauftext | Mouseover (als Trigger-Element) |
Textmaske | Alle Animationstypen |
Transparentes Video | Entrance, Mauseffekte, Scrollen |
Vektorgrafiken | Alle Animationstypen |
VideoBox | Entrance, Mauseffekte, Scrollen |