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

# Animaties

> Bewerk logobewegingen, kaartvermeldingen, zweefeffecten en skeletinstallatie.

Pagina Creative **Animaties** open het onderdeel. Voor logobewegingen **Logoanimatie**voor kaart en laadgedrag **Animaties voor inhoud** Gebruik de editor.

## Logohoogte en beweging aanpassen

**Logoanimatie** schakelt open en sluit beweging. **Logohoogte (px)** veld **32–300** Stel de grootte van het logo in door een waarde tussen in te voeren. Om het visuele bestand [Logo](https://docs.zonely.gen.tr/nl/guides/page-builder/logo.md) te wijzigen Ga naar de sectie.

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

> [card] 1. Logo-animatie
>
> Open de beweging van het logo en de hoogte apart in te stellen.

> [card] 2. Laag invoegen
>
> U kunt in elke laag een andere bewegings- en werkmodus gebruiken.

> [card] 3. Laaginstellingen
>
> Selecteer type, tijd, vertraging en modus. Wijzig rangschikking met up/Down.

> [card] 4. Beweging verminderen
>
> Gebruik gereduceerde bewegingsaanpassing voor een stillere look.

**Laag toevoegen** Voeg een beweging toe met de knop. Uw laag **Genre**, **Duur**, **Vertraging** en **Begin** vul de velden in. Tijd en vertraging zijn milliseconden; **1000 ms, 1 seconde**.

Er zijn bewegingen zoals springen, schommelen, pulseren, inademen, uitglijden, zoomen, flippen, wazige ingang en sprankelen in de lijst van types. Begin met één laag eerst **Voorbeeld opnieuw afspelen** Druk op de knop en voeg de tweede laag indien nodig toe.

**Inleiding** voor initiële bewegingen. **Opvolging** lagen worden gespeeld in volgorde. **Oneindige lus**u gebruikt voor lagen die na het begin zullen herhalen. Lijst **Afsluiten**-modus wordt niet op zichzelf geactiveerd in het huidige logovoorbeeld.

Home **Up / Down** verander de volgorde van de knoppen; **Verwijderen** verwijdert alleen die laag. **Beweging Azalt** U kunt de beweging in preview stoppen met de optie. De beperkte mobiliteitskeuze van het apparaat wordt ook overwogen.

## Bereid de invoeranimatie van kaarten voor

**Animaties voor inhoud** venster **Animaties** opent de sleutel. Gedetailleerde gebieden verschijnen.

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

> [card] 1. Trigger
>
> De verplaatspagina begint het zichtbare gebied van de kaart te laden of in te voeren.

> [card] 2. Tijd en sorteren
>
> De lengte van de beweging is; wachten tussen rijen vertraging kaarten.

> [card] 3. Zichtbaarheidsdrempel
>
> Waarde van 0/0/1 bepaalt het aantal kaarten dat moet verschijnen.

> [card] 4. Bewegingscurve
>
> Selecteer een van de kant-en-klare curves of bewerk het ontspannen waarde.

**Genre** Selecteer het gebied van Soluk, Up Kay, Rechts, Sluit of Vertalen. **Trigger**, beweging **Wanneer de pagina geladen wordt** of kaart **Wanneer u het gezichtsveld invoert** bepaalt wat te beginnen.

* **Richtingfilter:** Het is de werkconditie wanneer je naar beneden scrolt of in welke richting dan ook omhoog glijdt.
* **Een keertje maar:** De bewegingslimiet met één spel.
* **Verbergen bij afsluitend scherm:** Bepaalt het gedrag van de kaart buiten het zichtbare gebied. Controleer opnieuw met uw afspeellijst.
* **Duur:** De lengte van de beweging is; **100** tussen.
* **Inline vertraging:** Voor de tijd tussen de achtergrond van kaarten; **0.500 ms** bereik.
* **Tags:** Hoeveel kaart moet worden gezien; **0–1** A tarief is ingevoerd. **0,15** betekent ongeveer 15 procent.
* **Beginnen met:** Startafstand **0.400 px** instellingen tussen.

**timing** Selecteer Soft, Standard, Dynamic, Spring, Fast of Linear curve van de sectie. Bewerk de bijbehorende waarde als je een speciale bewegingscurve hebt. **Liveweergave** Bekijk het resultaat in het veld.

## Selecteer het effect van het komen op kaarten

**Over Bruid** optie opent zweefeffect. **Verwijderen**, **Schaduw** of **Helling** Selecteer één van de typen. **Sluiten** Controleer samen de optie.

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

> [card] 1. Het effect van het komen op
>
> Selecteer een van de Verwijder, Schaduw of Kantelweergave.

> [card] 2. Kantelgedrag
>
> Use cursor volgen of vaste hoekmodus gebruiken.

> [card] 3. Schaal en tijd
>
> Stel de groei- en bewegingstijd van de kaart apart in.

Als u de helling **De cursor volgen** gebruikt om door de muis gebonden te worden, **Vaste hoek** Houd het op een bepaalde helling met het. **Kantelvermogen** dichtheid van helling, **Z-retour** terugkeer, **Kaarten breken Zikzak** past het alternatieve gebruik van de rotaties aan.

**Vergroting** kaartschaal, **Duur** bepaalt de lengte van de pas. Probeer de verbinding van de kaart en de knoppen, omdat deze niet op de muis op de telefoons kan worden uitgevoerd.

## Stel steigerlader in

**Steigerlader**De inhoud is de plaatshouders die verschijnen bij de voorbereiding. **In afbeeldingen** en **Teksten** Selecteer welke inhoud wordt gebruikt bij hun selecties.

[![Steigerlader, Afbeelding en tekst, Schuifspiegelweergave](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-nl.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=18a934ca3f7130818c9c3cb53ef547fc)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-nl.png)

> [card] 1. Steigerlader
>
> Open en sluit de grondgrepen die getoond zijn wanneer de inhoud bereid wordt.

> [card] 2. Visuele tekst en tekst
>
> Selecteer welke inhoud van grondhouders worden gebruikt.

> [card] 3. Glans-zicht
>
> Stel de hoekradius en de duur van de vonk in.

**Gloeieffect** open en sluit de beweging. **Hoekstraal** vorm van de ruimtehouder, **Glazuurtijd** past de snelheid van de beweging aan.

Controleer en sluit het venster en **Alles opslaan** Druk op de knop. Controleer de eerste opening, down/slot scroll en kaart interacties op de gebruikerspagina.


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