# Be és Ki animációk

> Az Alapok mód Be és Ki gyűjteménye: minden belépő és kilépő előbeállítás mozgása, beállításai és alapértékei.

Minden réteg kaphat **belépő animációt**, amely a megjelenésekor játszik le, és **kilépő animációt**, amely az eltűnésekor. Az **Alapok** módban ezeket kész előbeállításokból választod, nem kell kulcsképkockánként felépítened őket. Az **Animációs mód** általános ismertetése az [Animációs mód](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-animacios-mod/) fejezetben van; itt az előbeállítások részletes listája áll.

## Hol találod

1. Nyisd meg a modulszerkesztőt, és jelölj ki egy réteget (a dia hátterén kívül bármelyiket).
2. A jobb oldalsáv módváltójában kattints az animáció ikonra (lejátszás jel).
3. Az oldalsáv alján legyen kiválasztva az **Alapok** gomb.
4. A tetején a **Be** és a **Ki** fül között választasz.

A **Be** gyűjtemény belépő animációkat tartalmaz: a réteget a kezdőállapotából a nyugalmi helyzetébe (méret, pozíció, teljes átlátszatlanság) mozgatják. A **Ki** gyűjtemény kilépő animációkat tartalmaz: a réteget a nyugalmi helyzetéből egy olyan végállapotba viszik, ahol már nem látszik. A fülek váltása az [idővonalat](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-idovonal/) is a réteg **Bejövő animáció** vagy **Kilépő animáció** jelenetére állítja.

![A Be gyűjtemény szöveges rétegnél: lejjebb görgetve a Letter és az Összetett mozgás kategória csempéi](./kepek/animaciok-be-szovegkategoriak.webp)

*A Be gyűjtemény szöveges rétegnél: lejjebb görgetve a Letter és az Összetett mozgás kategória csempéi* (https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1)

Figyeld meg, hogy a csempék kategóriák szerint vannak csoportosítva, és szöveges rétegnél további, a szöveget részekre bontó kategóriák is megjelennek.

![A Ki gyűjtemény: Basic és Lines kategória, alattuk a Words](./kepek/animaciok-ki-gyujtemeny.webp)

*A Ki gyűjtemény: Basic és Lines kategória, alattuk a Words* (https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1)

A **Ki** fülön más a kategóriák száma, és a belépő animációk időtartam-sávja helyett a **Kilépő animáció** sor látszik az idővonalon.

Az itt felsorolt előbeállítások minden rétegtípusnál elérhetők. A dia hátterének saját gyűjteményei vannak, ezeket a [háttérátmenetek](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-atmenetek-felfedes/), a [pásztázás és nagyítás](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-pasztazas-nagyitas/) és a [szűrők](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-szurok/) fejezet írja le. Szöveg- és gombrétegnél további, szöveget soronként, szavanként vagy betűnként animáló kategóriák is vannak, ezek a [Szöveges animációk](https://hub.hellowp.io/hu/plugins/revslider/animaciok-szoveges/) fejezetben szerepelnek.

## Előbeállítás alkalmazása

1. Kattints egy csempére. Megnyílik a beállítópanel: felül az élő előnézet, alatta a paraméterek.
2. Állítsd be a paramétereket (**IRÁNY**, **EASING**, **IDŐTARTAM**, **ERŐSSÉG** és így tovább).
3. Kattints az **Alkalmazás** gombra: az animáció a réteghez kerül.
4. A panel tetején lévő vissza nyíllal térhetsz vissza a csempékhez.

![Egy belépő előbeállítás beállítópanelje: irány, easing, időtartam és az Alkalmazás gomb](./kepek/animaciok-be-konfig.webp)

*Egy belépő előbeállítás beállítópanelje: irány, easing, időtartam és az Alkalmazás gomb* (https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1)

A panelen az előnézet alatt a paraméterek következnek, legalul pedig a hozzá kapcsolódó előbeállítások.

Az **Easing** (lassítási görbe) paraméternek ötféle értéke lehet: **Sima** (Smooth), **Fürge** (Snappy), **Vissza** (Back), **Pattogás** (Bounce) és **Elastic**. Az alábbi táblázatokban csak ott említem külön, ahol a választék szűkebb. A **Ki** gyűjtemény előbeállításainál nincs előre kijelölt görbe, és ha kiválasztasz egyet, az felülírja az előbeállítás saját görbéjét.

Az **IRÁNY** mezőben nyílgombokkal választasz (fel, balra, jobbra, le; egyes előbeállításoknál átlós irányok vagy középső is). Az időtartam mindenhol ezredmásodpercben értendő. Az alábbi táblázatokban a Fel, Balra, Jobbra, Le irányok ezeknek a nyilaknak felelnek meg.

## Be gyűjtemény

A **Be** gyűjtemény hat kategóriát tartalmaz: Basic, Cinematic, Curved Motion, Movement, Rotate és Masked.

### Basic

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **No Animation** | Törli a belépő mozgást: a réteg a kezdetektől teljes átlátszatlansággal látszik, és az animáció ezt az állapotot tartja az időtartam végéig. | Easing; Időtartam (300) |
| **Fade** | A réteg teljesen átlátszóból teljes átlátszatlanságig halványul be, mozgás nélkül. | Erősség: Nincs, Finom, Közepes, Erős (az utolsó három az időtartamot 1500, 1000 és 500-ra állítja; a Nincs elhalványítás nélkül mutatja a réteget); Easing; Időtartam (1000) |

### Cinematic

Tizenkét előbeállítás, amelyek rövid mozgást méretezéssel, forgatással vagy ferdítéssel kombinálnak. Mindegyik áttűnéssel jelenik meg, és az **Irány** értéke Fel, Balra, Jobbra vagy Le. Mindegyiknél állítható az **Easing** és az **Időtartam**.

| Előbeállítás | Mozgás | Időtartam (alapérték) |
| --- | --- | --- |
| **Reveal** | 90 képpontot mozog a választott irányban, közben 80%-ról teljes méretre nő, és 6 fokot fordul vissza vízszintesbe. | 1150 |
| **Rise** | 54 képpontot mozog; a magasság 90%-áról és a szélesség 96%-áról nő teljes méretre. | 1250 |
| **Glide** | 240 képpontot mozog; kezdetben a haladási irányban 114%-ra nyújtott, arra merőlegesen 94%-ra keskenyített és 5 fokkal megdöntött, majd visszaáll. | 1250 |
| **Tilt** | 34 képpontot mozog; kezdetben 3D-ben megdöntött (26 és 15 fok), 92%-os méretű, és síkba fordulva nő teljes méretre. | 1150 |
| **Swing** | 60 képpontot mozog, és a felső széle körül 16 fokot fordul vissza; a forgás elasztikus, így a réteg többször átlendül a vízszintesen. | 1200 |
| **Bounce** | 80 képpontot mozog; kezdetben a haladási irányban 130%-ra nyújtott, arra merőlegesen 78%-ra összenyomott, az arányok pedig többször átlendülnek a normálisan, mielőtt megállnak. | 1250 |
| **Skew Slide** | 170 képpontot mozog; kezdetben 16 fokkal megdöntött és a haladási irányban 116%-ra nyújtott, majd visszaáll. | 900 |
| **Overshoot** | 120 képpontot mozog, túlmegy a nyugalmi helyzetén, majd visszatér; közben 70%-ról teljes méretre nő, és 8 fokot fordul vissza. | 950 |
| **Punch** | 22 képpontot mozog; 42% szélességről és 60% magasságról nő, túllépi a teljes méretet, majd visszaáll, és 10 fokot fordul vissza. | 700 |
| **Zoom Blast** | 240%-ról zsugorodik teljes méretre; közben 40 képpontot mozog és 5 fokot fordul vissza. | 1150 |
| **Vortex** | 95 fokot fordul vissza, 32%-ról nő teljes méretre; közben 70 képpontot mozog. | 1250 |
| **Fold** | 82 fokot fordul 3D-ben a hátsó széle körül, amíg sík nem lesz; közben 30 képpontot mozog. | 1050 |

### Curved Motion

Hat előbeállítás, amelyek a réteget egyenes vonal helyett ívelt pályán viszik a helyére. Mindegyik áttűnéssel jelenik meg, és csak a **Sima** és a **Fürge** easing görbét kínálja.

| Előbeállítás | Mozgás | Beállítások (alapérték) |
| --- | --- | --- |
| **Arc In** | Ívelt pályán érkezik a választott irányban: fel és le 150, balra és jobbra 190 képpontot tesz meg. | Irány; Időtartam (650) |
| **Swoop** | Ívelt pályán érkezik (fel és le 340, balra és jobbra 420 képpont); közben 90%-ról nő teljes méretre és 20 fokot fordul vissza. | Irány; Időtartam (1250) |
| **Whip** | Ívelt pályán érkezik (fel és le 420, balra és jobbra 520 képpont); kezdetben 22 fokkal megdöntött és a haladás irányában megnyújtott, majd visszaáll. | Irány; Időtartam (800) |
| **Drift** | Ívelt pályán érkezik (fel és le 220, balra és jobbra 260 képpont); 108%-ról zsugorodik teljes méretre. | Irány; Időtartam (2000) |
| **Hook** | Ívelt pályán érkezik (fel és le 280, balra és jobbra 340 képpont); 94%-ról nő teljes méretre és 14 fokot fordul vissza. | Irány; Időtartam (1150) |
| **Lob** | Ívelt pályán érkezik oldalról (300 képpont) és alulról (180 képpont); kezdetben 110%-ra nyújtott magasságú és 10 fokkal elfordított, majd visszaáll. | Irány: csak Balra vagy Jobbra; Időtartam (1100) |

### Movement

Három előbeállítás, amelyek áttűnés közben csúsztatják, ferdítik vagy méretezik a réteget.

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Slide** | Egyenes vonalban mozog a választott irányban. A négy átlós irány a réteg saját szélességével és magasságával mozgat, ezeknél a Távolság nem számít. | Irány: Fel, Le, Balra, Jobbra, Fel balra, Fel jobbra, Le balra, Le jobbra; Távolság: Rövid (50 képpont), Közepes (a modul méretének negyede), Hosszú (a réteg a tartalmazó terület szélén kezd); Időtartam (1000) |
| **Skew** | Egyenes vonalban mozog, és közben kiegyenesedik a ferdítésből. A ferdítés 10 és 30 fok közötti, hosszabb távolságnál nagyobb. | Irány: Fel, Balra, Jobbra, Le; Távolság: Rövid (fel és le 85, balra és jobbra 75 képpont), Közepes, Hosszú; Időtartam (1000) |
| **Zoom** | Teljes méretre nő vagy zsugorodik, mozgás nélkül. | Nagyítás: Be (kisebb méretről nő) vagy Ki (nagyobbról zsugorodik); Stílus: Normál (szélesség és magasság együtt, 80% vagy 125%-ról), Squash H (főleg a szélesség, 30% vagy 180%-ról), Squash V (főleg a magasság, 30% vagy 180%-ról); Időtartam (1000) |

### Rotate

Három előbeállítás, amelyek áttűnés közben forgatják a réteget, síkban vagy 3D-ben.

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Smash** | A saját méretének kétszeresét mozog a választott irányban, 200%-ról teljes méretre zsugorodik, és 20 fokot fordul vissza. A Középső irány alulról mozgatja fel, a síkbeli forgatás helyett 3D-s, 20 fokos döntést ad két tengelyen, és áttűnés nélkül, teljes átlátszatlansággal indul. | Irány: Fel, Balra, Középső, Jobbra, Le; Időtartam (1000) |
| **Flip** | Egy teljes fordulatot tesz 3D-ben, mozgás nélkül. Fel és Le a vízszintes, Balra és Jobbra a függőleges tengely körül forgatja. | Irány; Időtartam (500) |
| **Turn** | 70 fokot fordul 3D-ben, amíg előre nem néz, a réteg mögötti pont körül. Fel és Le a vízszintes, Balra és Jobbra a függőleges tengely körül forgatja. | Irány; Időtartam (1250) |

### Masked

Hat előbeállítás, amelyek a réteget a saját keretére vágják az animáció közben: ami a kereten kívül esik, rejtve marad, amíg az animáció véget nem ér.

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Zoom** | A kereten belül nő vagy zsugorodik teljes méretre, mozgás nélkül. | Tengely: Cross Out (200%-ról zsugorodik), Cross In (20%-ról nő); Időtartam (1000) |
| **Reveal** | A saját teljes magasságát vagy szélességét mozogva érkezik a keretbe a választott irányból. A keret a helyén marad. | Irány; Időtartam (1200) |
| **Glide** | A réteg a méretének 75%-át mozog a választott irányban, miközben a kerete a teljes méretével az ellenkező irányba. A réteg csak a keretben látszik, mindkettő a nyugalmi helyzetnél áll meg. Nincs áttűnés. | Irány; Időtartam (1200) |
| **Uncover** | A réteg a helyén marad, a keret mozog át rajta az irány által megadott tengely mentén, amíg el nem éri a nyugalmi helyzetet. Nincs áttűnés. | Irány (a keret mozgásának tengelye); Időtartam (1200) |
| **Rotate** | 70 fokot fordul vissza az egyik sarka körül, és a szélességének felét mozog oldalra a keretbe. | Irány: Fel balra, Fel jobbra, Le balra, Le jobbra (az átló és a forgás sarka); Időtartam (1000) |
| **Colored Block** | Egy tömör fehér blokk tölti ki a réteg keretét, majd a választott irányban összehúzódik, és megmutatja mögötte a réteget. | Irány (a blokk zsugorodásának iránya); Időtartam (1200) |

## Ki gyűjtemény

A **Ki** gyűjtemény négy kategóriát tartalmaz: Basic, Movement, Rotate és Masked. Az előbeállítások a belépő társaik tükörképei: a réteget a nyugalmi helyzetéből viszik a végállapotba.

### Basic

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Fade** | A réteg teljes átlátszatlanságból átlátszóvá halványul mozgás nélkül. | Erősség: Finom, Közepes, Erős (az időtartam 1500, 1000 és 500); Időtartam (1000) |

### Movement

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Slide** | Áttűnés közben egyenes vonalban mozog a választott irányban. A négy átlós irány a réteg saját szélességével és magasságával mozgat. | Irány (nyolc irány); Távolság: Rövid (50 képpont), Közepes (a modul méretének negyede), Hosszú (a réteg a tartalmazó terület széléig mozog); Időtartam (1000) |
| **Skew** | Áttűnés közben egyenes vonalban mozog az irány tengelye mentén, és ferdül (10 és 30 fok között, hosszabb távolságnál nagyobbra). | Irány (négy irány); Távolság: Rövid (fel és le 85, balra és jobbra 75 képpont), Közepes, Hosszú; Időtartam (1000) |
| **Zoom** | Áttűnés közben méretet vált teljes méretről, mozgás nélkül. | Nagyítás: Be (nagyobbra nő) vagy Ki (kisebbre zsugorodik); Stílus: Normál (125% vagy 80%-ra), Squash H (180% vagy 30%-ra, főleg szélességben), Squash V (180% vagy 30%-ra, főleg magasságban); Időtartam (1000) |

### Rotate

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Smash** | Áttűnés közben a saját méretének kétszeresét mozog az irány tengelye mentén, 200%-ra nő és 20 fokot fordul. A Középső irány a méret tizedével le és balra viszi, és a síkbeli forgás helyett 3D-s, 20 fokos döntést ad két tengelyen. | Irány: Fel, Balra, Középső, Jobbra, Le; Időtartam (1000) |
| **Flip** | Áttűnés közben egy teljes fordulatot tesz 3D-ben, mozgás nélkül. | Irány; Időtartam (1000) |
| **Turn** | Áttűnés közben 70 fokot fordul 3D-ben az előre néző állapotból, a réteg mögötti pont körül. | Irány; Időtartam (1250) |

### Masked

| Előbeállítás | Mit csinál | Beállítások (alapérték) |
| --- | --- | --- |
| **Zoom** | A kereten belül méretet vált áttűnés közben, mozgás nélkül. | Tengely: Cross Out (200%-ra nő), Cross In (20%-ra zsugorodik); Időtartam (1000) |
| **Conceal** | A saját teljes magasságát vagy szélességét mozogva kimegy a keretből, áttűnés közben. A keret a helyén marad. | Irány; Időtartam (1200) |
| **Glide** | A réteg a méretének 75%-át mozog a választott irányban, a kerete a teljes méretével az ellenkezőbe, amíg a réteg ki nem kerül a keretből. Nincs áttűnés. | Irány; Időtartam (1200) |
| **Cover** | A réteg a helyén marad, a keret mozog le róla az irány tengelye mentén, amíg a réteg a keretén kívülre nem kerül. Nincs áttűnés. | Irány; Időtartam (1200) |
| **Rotate** | 70 fokot fordul az egyik sarka körül, és a szélességének felét mozog oldalra, ki a keretből, áttűnés közben. | Irány: négy átló; Időtartam (1000) |
| **Colored Block** | Egy tömör fehér blokk nő végig a réteg keretén a választott irányban, amíg el nem takarja a réteget. Utána a blokk és a réteg együtt tűnik el. | Irány (a blokk növekedésének iránya); Időtartam (1200) |