> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Animationen

> Bearbeiten Sie Logo-Bewegungen, Karteneinträge, Hover-Effekte und Skelett-Installation.

Seite Creative **Animationen** öffnen Sie das Teil. Für Logo-Bewegungen **Logo-Animationen**für Karte und Ladeverhalten **Inhaltsanimationen** Verwenden Sie den Editor.

## Logohöhe und Bewegung anpassen

**Logo-Animation** schalten Sie die Bewegung auf und schließen Sie sie. **Logohöhe (px)** Feld **32–300** Stellen Sie die Größe des Logos auf dem Bildschirm ein, indem Sie einen Wert zwischen eingeben. [Logo](https://docs.zonely.gen.tr/de/guides/page-builder/logo.md) Gehe zum Abschnitt.

[![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/11-logo-animasyon-de.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=003207685b58598a2d0f8f9043d14f57)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-de.png)

> [card] 1. Logo-Animation
>
> Öffnen Sie die Bewegung des Logos und passen Sie die Höhe separat an.

> [card] 2. Schichteinlage
>
> Sie können in jeder Schicht einen anderen Bewegungs- und Arbeitsmodus verwenden.

> [card] 3. Schichteinstellungen
>
> Select Typ, Zeit, Verzögerung und Modus. Ändern Sie das Ranking mit up/Down.

> [card] 4. Bewegungsverringerung
>
> Use reduzierte Bewegungsanpassung für einen ruhigeren Look.

**Schicht hinzufügen** Fügen Sie eine Bewegung mit der Schaltfläche hinzu. Ihre Schicht **Genre**, **Dauer**, **Verzögerung** und **Haus** füllen Sie die Felder aus. Zeit und Verzögerung sind Millisekunden; **1000 ms, 1 Sekunde**.

Es gibt Bewegungen wie Springen, Schwingen, Puls, Einatmen, Ausrutschen, Zoomen, Umdrehen, verschwommener Eingang und Funkeln in der Liste der Typen. Beginnen Sie mit einer Schicht zuerst **Replay Preview** Drücken Sie die Taste; fügen Sie dann die zweite Schicht hinzu, wenn nötig.

**Einleitung** für Anfangsbewegungen. **Folgeunternehmen**-Layer werden in der Reihenfolge abgespielt. **Unendlicher Schleife**used für Layer, die sich nach dem Beginn wiederholen. Der **Ausfahrt**-Modus wird in der aktuellen Logo-Vorschau nicht von selbst ausgelöst.

Home **Up / Down** ändert die Tastensequenz; **Löschung** entfernt allein diese Schicht. **Bewegung Azalt** Sie können die Bewegung in der Vorschau mit der Option stoppen.

## Bereiten Sie die Eingabeanimation von Karten vor

**Inhaltsanimationen** Fenster **Animationen** öffnen Sie den Schlüssel. Detaillierte Bereiche erscheinen.

[![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-de.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=dd67367ef45afb7cc62c2085638b60fd)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-de.png)

> [card] 1. Auslöser
>
> Die Umzugsseite beginnt zu laden oder die Karte sichtbaren Bereich eingeben.

> [card] 2. Zeit und Sortierung
>
> Die Länge der Bewegung ist; warten zwischen den Zeilen verzögern Karten.

> [card] 3. Sichtschwelle
>
> Value von 0-1 bestimmt die Rate der Karten, die erscheinen sollen.

> [card] 4. Bewegungskurve
>
> Wählen Sie eine der fertigen Kurven oder bearbeiten Sie den Lockerungswert.

**Genre** Wählen Sie den Bereich von Soluk, Up Kay, Rechts, Schließen oder Übersetzen. **Trigger**, Bewegung **Wenn die Seite geladen wird** oder Karte **Wenn Sie das Sichtfeld betreten** bestimmen, was zu starten ist.

* **Richtungsfilter:** Es ist die Arbeitsbedingung beim Abrollen oder Hochrutschen in jede Richtung.
* **Nur einmal:** Die Bewegungsbegrenzungen mit einem Spiel.
* **Verstecken beim Verlassen des Bildschirms:** Bestimmt das Verhalten der Karte aus dem sichtbaren Bereich. Überprüfen Sie erneut mit Ihrer Playlist.
* **Dauer:** Die Länge der Bewegung ist; **100–2000 ms** zwischen gesetzt.
* **Inline-Verzögerung:** Für die Zeit zwischen dem Hintergrund der Karten; **0–500 ms** Bereich.
* **Tags:** Wie viel Karte sollte gesehen werden; **0–1** Ein Kurs wird eingegeben. **0,15** bedeutet etwa 15 Prozent.
* **Beginnen Sie mit:** Startdistanz **0–400 px** Einstellungen zwischen.

**Zeitplanung** Wählen Sie Soft, Standard, Dynamic, Spring, Fast oder Lineare Kurve aus dem Abschnitt. Bearbeiten Sie den entsprechenden Wert, wenn Sie eine spezielle Bewegungskurve haben. **Live View** Zeigen Sie das Ergebnis im Feld an.

## Wählen Sie den Effekt auf Karten kommen

**Über Bride** Option öffnet den Hover-Effekt. **Abziehen**, **Schatten** oder **Steigung** Wählen Sie einen der Typen aus. **Schwebezug geschlossen** Überprüfen Sie die Option zusammen.

[![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-de.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=d60bb6e937b42773c732d27655d732c9)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-de.png)

> [card] 1. Die Wirkung von Coming on
>
> Wählen Sie eine der Ansicht Entfernen, Schatten oder Tilt.

> [card] 2. Neigungsverhalten
>
> Use Cursor Tracking oder Fixed Angle Mode.

> [card] 3. Maßstab und Zeit
>
> Setzen Sie das Wachstum und die Bewegungszeit der Karte separat.

Wenn Sie die Steigung **Nach dem Cursor** verwenden, um von der Maus gebunden zu werden, **Fester Winkel** Halten Sie sie auf einer bestimmten Steigung mit. **Neigungskraft** Steigungsdichte, **Z Rücklauf** zurück, **Karten brechen Zikzak** passt die alternative Verwendung der Rotationen an.

**Vergrößerung** Skala der Karte, **Dauer** bestimmt die Länge des Passes. Versuchen Sie die Verbindung der Karte und der Tasten, da es nicht an der Maus auf den Telefonen durchgeführt werden kann.

## Set-Gerüstlader

**Gerüstlader**Der Inhalt ist der Platzhalter, der bei der Vorbereitung erscheint. **In Bildern** und **Texte** Wählen Sie aus, welche Inhalte mit ihren Auswahlen verwendet werden.

[![Gerüstlader, Bild und Text, Schimmeransicht](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-de.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=5d0e1ee6e6771bbb9b25cff78f96d4e6)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-de.png)

> [card] 1. Gerüstlader
>
> Öffnen und schließen Sie die Bodengriffe, die angezeigt werden, wenn der Inhalt erstellt wird.

> [card] 2. Visuelle und textliche
>
> Wählen Sie, welche Inhalte von Bodenhaltern verwendet werden.

> [card] 3. Schimmer-Ansicht
>
> Setzen Sie den Eckradius und die Dauer des Funkens.

**Glüheffekt** öffnen und schließen Sie das Uhrwerk. **Eckenradius** Form des Raumhalters, **Glattzeit** passt die Geschwindigkeit der Bewegung an.

Überprüfen und schließen Sie das Fenster und **Rettet alle** Drücken Sie die Schaltfläche. Überprüfen Sie die erste Öffnung, das Abwärts-/Slot-Scrollen und die Karteninteraktionen auf der Benutzerseite.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.