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

# Animații

> Editați mișcările logo-ului, intrările cardului, efectele hover și instalatorul schelet.

Pagina Creative **Animații** deschideți partea. Pentru mișcările de logo **Animații logo**for card și comportamentul de încărcare **Animații de conținut** Utilizați editorul.

## Ajustează înălțimea și mișcarea logo-ului

**Animație logo** comutator deschis și închide mișcare. **Înălțimea logo-ului (px)** câmp **32–300** Setați dimensiunea logo-ului pe ecran prin introducerea unei valori între. Pentru a schimba fișierul vizual [Logo](https://docs.zonely.gen.tr/ro/guides/page-builder/logo.md) Du-te la secțiune.

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

> [card] 1. Animație logo
>
> OPEN mișcarea logo-ului și ajusta înălțimea separat.

> [card] 2. Ise introduce plan
>
> Poți folosi un mod de mișcare diferit și de lucru în fiecare strat.

> [card] 3. Setări plan
>
> Select tip, timp, întârziere și mod. Schimbă clasamentul cu up/Down.

> [card] 4. Reducerea mișcării
>
> Utilizează ajustarea redusă a mișcării pentru un look mai liniștit.

**Adaugă plan** Adauga o miscare cu butonul. Stratul **Gen**, **Durată**, **Întârziere** si **Acasã** completeaza campurile. Timpul si intarzierea sunt milisecunde; **1000 ms, 1 secundă**.

Există mișcări precum sărituri, swinging, puls, inhalare, alunecare, zoom, flipping, intrare încețoșată și strălucire în lista de tipuri. Începeți cu un strat mai întâi **Redare Previzualizare** Apăsați butonul; apoi adăugați al doilea strat, dacă este necesar.

**Introducere** pentru mișcările inițiale. Straturile **Consecutiv** sunt redate în ordine. **Loop infinit**u utilizate pentru straturi care se vor repeta după început. Listă **Ieșire** nu se declanşează de la sine în previzualizarea logo-ului curent.

Acasă **Up / Down** schimba secvenţa butoanelor; **Șterge** numai elimină acest strat. **Mișcarea Azalt** Puteţi opri mişcarea în previzualizare cu opţiunea. Alegerea redusă de mobilitate a dispozitivului este, de asemenea, luată în considerare.

## Prepararea animației de intrare a cărților

Fereastra **Animații de conținut** **Animații** deschide cheia. Apar zone detaliate.

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

> [card] 1. Declanşator
>
> Pagina de mutare începe să încarce sau să introducă zona vizibilă a cardului.

> [card] 2. Timpul și sortarea
>
> Lungimea mișcării este; așteptați între rânduri întârziere carduri.

> [card] 3. Prag de vizibilitate
>
> Valoarea de la 0

> [card] 4. Curba de mișcare
>
> Select una dintre curbele gata sau edita valoarea de relaxare.

**Gen** Selectaţi zona Soluk, Up Kay, dreapta, inchide sau traduce. **Declanşator**, mişcare **Când pagina se încarcă** sau card **Când intraţi în câmpul vizual** determină ce să înceapă.

* **Filtru direcție:** Este conditia de lucru atunci cand derulezi sau aluneci in orice directie.
* **Doar o dată:** Limitele de mișcare cu un singur joc.
* **Ascundeți când ați ieșit din ecran:** Determină comportamentul cardului în afara zonei vizibile. Verificați din nou cu lista de redare.
* **Durata:** Lungimea mișcării este **100** setat între.
* **Întârziere inline:** Pentru timpul dintre fundalul cardurilor; gama **0**.
* **Etichete:** Cât de mult trebuie văzut cardul; **0–1** A rata este introdus. **0,15**Media aproximativ 15%.
* **Începeți de la:** Start Distanta **0** setari intre.

**sincronizare** Select Soft, Standard, Dynamic, Spring, Rapid sau Linear curb din secțiunea. Editați valoarea corespunzătoare dacă aveți o curbă de mișcare specială. **Vizualizare live** Vizualizați rezultatul în câmp.

## Selectaţi efectul de a veni pe cărţi

Opțiunea **Despre mireasa** deschide efectul de hover. **Elimină**, **Umbră** sau **Pantă** Selectează unul dintre tipurile. **Închidere hover** Verificați opțiunea împreună.

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

> [card] 1. Efectul de a veni pe
>
> Select una dintre vizualizarile Eliminarii, Umbrei sau Tilt.

> [card] 2. Comportamentul de inclinare
>
> Use cursor Tracking sau modul unghi fix.

> [card] 3. Scala și timpul
>
> Setaţi separat timpul de creştere şi mişcare al cardului.

Dacă utilizați panta **Urmarea cursorului** pentru a fi legat de mouse-ul, **Unghi fix** Păstrați-l pe o anumită pantă cu ea. **Putere înclină** densitatea pantei, **Z Return** revenire, **Carduri Break Zikzak** reglează utilizarea alternativă a rotației.

**Mărire** scara de card, **Durată** determină lungimea de trecere. Încercați conexiunea cardului și butoanele, deoarece nu poate fi efectuată pe mouse-ul pe telefoane.

## Set schela de încărcare

**Încărcător de scaffold**Conţinutul este locul deţinătorilor care apar la pregătirea. **În imagini** şi **Texte** Selectaţi ce conţinut este utilizat cu selecţiile lor.

[![Încărcător Scaffold, Imagine și text, Vedere Shimmer](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-ro.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=998fb538ad73bfa2f5cbede81e2fb1a0)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-ro.png)

> [card] 1. Încărcător Scaffold
>
> OPEN și închideți aderențele la sol afișate la momentul pregătirii conținutului.

> [card] 2. Vizual și text
>
> Select care continutul detinatorilor de pamant sunt utilizate.

> [card] 3. Strălucire vizualizare
>
> Set radius colț și durata scântei.

**Efect luminos** deschide și închide mișcarea. **Colț Radius** forma suportului de spațiu, **Ora de glorie** reglează viteza de mișcare.

Verificați și închideți fereastra și **Salvează tot** Apăsați butonul. Verificați prima deschidere, jos / slot defilare și interacțiunile cu cărți de pe pagina de utilizator.


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