Novamag
Funktionen›Animationen

Animationen

Widgets und Layouts in Bewegung bringen: einfliegen, einblenden, mit eigenem Timing. Im Editor aktivieren, ohne Code, vollständig responsiv.

✓Verfügbarkeit: In allen Paketen enthaltenPakete →
AnimationEffektVon linksVon untenZoomEinblendenDauer0,6 sVerzögerung0,2 sAuslöserIm ViewportWiederholenEinmalVerlaufGilt fürTextBildButton
Vorschau
Was es bringt

Animationen im Überblick

So funktioniert es

Für jedes Element

Einzelnes Widget oder ganzer Inhaltsbereich, was animiert wird, ist frei wählbar. Titelthemen und Bildstrecken bekommen so ihren Auftritt.

Ohne Code

Auswählen, einstellen, direkt sehen, wie sich das Layout verhält. Art, Richtung und Timing lassen sich im Editor per Klick festlegen.

Responsiv

Animationen laufen auf Desktop, Tablet und Smartphone gleichermaßen sauber und lassen sich je Gerät separat prüfen und anpassen.

Einfliegen, einblenden, bewegen

Verschiedene Animationsarten stehen bereit: Einfliegen von links, rechts, oben oder unten, sanftes Einblenden und Bewegungen mit unterschiedlichem Timing. So lassen sich Akzente setzen und Inhalte visuell hervorheben.

EditorBildWidget: BildEinfliegen links▾Rechts nach linksLinks nach rechts✓EinblendenEinfliegen+ 14 weitere …Dauer0,6 sVerzögerung0,2 sAuslöserIm Viewport

Direkt im Editor aktivieren

Widget oder Bereich auswählen, im Bereich „Animationen“ die gewünschte Animation aktivieren. Keine komplizierten Einstellungen, kein Code: auswählen, einstellen und direkt sehen, wie sich das Layout verändert.

ProjektstylesAaAaAaAa300 · 400 · 600 · 800H1H2H3H6Überschrift H2Zwischentitel H3Fließtext 400Aa 16/24

Modernes Nutzererlebnis auf allen Geräten

Alle Animationen sind vollständig responsiv. Inhalte wirken auf Desktop, Tablet und Smartphone flüssig und hochwertig. Aus statischem Content wird ein Erlebnis, das Leser:innen aktiv durch die Inhalte führt.

DesktopNotebookTabletSmartphone
Wie es geht

Animationen in drei Schritten

1

Element wählen

Widget oder ganzen Inhaltsbereich im Editor markieren. Jedes Element auf der Seite kann eine eigene Animation bekommen.

2

Animation aktivieren

Im Bereich „Animationen“ Art, Richtung und Timing festlegen. Die Vorschau zeigt sofort, wie sich das Element bewegt.

3

Prüfen

Vorschau je Gerät kontrollieren, dann veröffentlichen. Animationen laufen auf Desktop, Tablet und Smartphone gleichermaßen sauber.

Mit Nova AINova AI setzt Animationen dort, wo sie Inhalte inszenieren, etwa bei Titelthemen und Bildstrecken.

Animationen mit dem eigenen Material testen

Kostenlos registrieren, Ausgabe bauen lassen, Funktionen ausprobieren. Ohne Zahlungsdaten.