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

# Animationer

> Redigera logo rörelser, kortposter, hover effekter och skelett installer.

Page Creative **Animationer** öppnar delen. För logorörelser **Logo Animations**for kort och laddar beteende **Innehållsanimationer** Använd redaktören.

## Justera logohöjd och rörelse

**Logo Animation** växlar öppna och stänger rörelse. **Logohöjd (px)** fält **32–300** Ställ in storleken på logotypen på skärmen genom att ange ett värde mellan. För att ändra den visuella filen [Logotyp](https://docs.zonely.gen.tr/sv/guides/page-builder/logo.md) Gå till sektionen.

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

> [card] Logo animation
>
> Open logotypens rörelse och justera höjden separat.

> [card] Layer Insert
>
> Du kan använda ett annat rörelse- och arbetsläge i varje lager.

> [card] 3. Layer inställningar
>
> Select typ, tid, fördröjning och läge. Ändra ranking med upp / ner.

> [card] 4. Minska rörelsen
>
> Use minskade rörelsejustering för en tystare look.

**Lägg till Layer** Lägg till en rörelse med knappen. Ditt lager **Genre**, **Varaktighet**, **Fördröjning** och **Hem » Hem »** fyller i fälten. Tid och fördröjning är millisekunder; **1000 ms, 1 sekund**.

Det finns rörelser som hoppning, svängning, puls, inhalation, glidning, zoomning, flippning, suddig ingång och glittrande i listan över typer. Börja med ett lager första **Replay Preview** Tryck på knappen; lägg sedan till det andra lagret om det behövs.

**Introduktion** för initiala rörelser. **Följande** lager spelas i ordning. **Oändlig Loop**used för lager som kommer att upprepa efter början. List **Exit** läge utlöses inte av sig själv i den nuvarande logotyp förhandsgranskning.

Hem **Up / Down** ändra knapparna sekvens; **Delete** ensam tar bort det lagret. **Rörelse Azalt** Du kan stoppa rörelsen i förhandsgranskning med alternativet. Den minskade rörlighet val av enheten är också beaktas.

## Förbered ingångsanimering av kort

**Innehållsanimationer** fönster **Animationer** öppna nyckeln. Detaljerade områden visas.

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

> [card] 1. Trigger
>
> Flytta sidan börjar ladda eller ange kortet synligt område.

> [card] 2. Tid och sortering
>
> Längden på rörelsen är; vänta mellan rader fördröjning kort.

> [card] 3. Visibility tröskelvärde
>
> Value från 0-1 bestämmer kortens hastighet som ska visas.

> [card] 4. Motion curve
>
> Select en av de färdiga kurvorna eller redigera lättnadsvärde.

**Genre** Välj området Soluk, Up Kay, Right, Close eller Translate. **Trigger**, rörelse **När sidan lastar** eller kort **När du går in i synfältet** bestämmer vad du ska börja.

* **Riktningsfilter:** Det är arbetstillståndet när du rullar ner eller glider upp i någon riktning.
* **Bara en gång:** Rörelsen begränsar med en pjäs.
* **Dölj när du lämnar skärmen:** Bestämmer kortets beteende ur det synliga området. Kontrollera igen med din spellista.
* **Varaktighet:** Rörelsens längd är; **100–2000 ms** sätter mellan.
* **Inline Delay:** För tiden mellan bakgrunden av kort; **0-500 ms** sortiment.
* **Taggar:** Hur mycket kort ska ses; **0–1** En hastighet anges. **0,15**means cirka 15 procent.
* **Börja från:** Start Avstånd **0–400 px** inställningar mellan.

**Tidpunkt** Välj mjuk, Standard, Dynamic, Spring, Fast eller Linear kurva från sektionen. Redigera motsvarande värde om du har en speciell rörelsekurva. **Live View** Visa resultatet i fältet.

## Välj effekten av att komma på kort

**Om Bride** alternativet öppnar hover effekt. **Remove bort**, **Skugga** eller **Slope** Välj en av typerna. **Hover nära** Kontrollera alternativet tillsammans.

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

> [card] 1. effekten av att komma på
>
> Select en av Remove, Shadow eller Tilt-vyn.

> [card] 2. Tilt beteende
>
> Use-kursorspårning eller fast vinkelläge.

> [card] Skala och tid
>
> Set tillväxt- och rörelsetid för kortet separat.

Om du använder sluttningen **Följer Cursor** för att vara bunden av musen, **Fasta vinkel** Håll den på en viss sluttning med den. **Tilt Power** densitet av sluttningen, **Z Return** returnera, **Kort Break Zikzak** justerar den alternativa användningen av rotationerna.

**Magnifi**-skala av kortet, **Varaktighet** bestämmer längden på passet. Prova anslutningen av kortet och knapparna eftersom det inte kan utföras på musen på telefonerna.

## Ställ in ställningar ställningar loader

**ställningar LOADER**Innehållet är platshållare som visas när du förbereder. **I bilder** och **Texter** Välj vilket innehåll som används med deras val.

[![Fortsätt läsa loader, bild och text, Shimmer view](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-sv.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=839742458f6b4c89a73ee0f66df034ba)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-sv.png)

> [card] 1. ställningar loader
>
> Open och stänger markgreppen som visas när innehållet är förberett.

> [card] 2. Visuell och text
>
> Select vilket innehåll av markägare används.

> [card] 3. Shimmer View
>
> Set hörnradien och längden på gnistan.

**Glow Effect** öppnar och stänger rörelsen. **Corner Radius** form av rymdhållaren, **Glaze Time** justerar rörelsehastigheten.

Kontrollera och stäng fönstret och **Spara alla** Tryck på knappen. Kontrollera den första öppningen, ned/slotsrulla och kortinteraktioner på användarsidan.


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