# Háttérátmenetek: áttűnés, felfedés és szín

> A dia hátterének Átmenet gyűjteménye: az Áttűnés, a Kivágás / felfedés és a Szín kategória előbeállításai.

Minden diának van háttere (általában kép, videó vagy szín) a rétegek mögött. A dia hátterének saját animációi vannak, amelyek függetlenek a rétegek animációitól. Az **Alapok** módban a dia hátteréhez három fül tartozik:

- **Átmenet**: azt adja meg, hogyan váltja le a dia háttere az előző dia hátterét, amikor a dia váltódik.
- **Pásztázás és nagyítás**: a háttérképet méretezi és mozgatja, amíg a dia látszik ([Háttér: pásztázás és nagyítás](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-pasztazas-nagyitas/)).
- **Szűrés**: vizuális hatást (például szemcsét vagy elmosást) ad a háttérhez az átmenet idejére ([Háttér: szűrők](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-szurok/)).

## Hol találod

1. Nyisd meg a modulszerkesztőt, és jelöld ki a **Slide Background** sort az [idővonal](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-bejaras-idovonal/) alján.
2. A jobb oldalsáv módváltójában kattints az animáció ikonra.
3. Az oldalsáv alján legyen kiválasztva az **Alapok** gomb.
4. Felül válaszd az **Átmenet**, a **Pásztázás és nagyítás** vagy a **Szűrés** fület.

![A dia hátterének Átmenet gyűjteménye: az Áttűnés és a Kivágás / felfedés kategória csempéi](./kepek/animaciok-hatter-atmenet.webp)

*A dia hátterének Átmenet gyűjteménye: az Áttűnés és a Kivágás / felfedés kategória csempéi* (https://minta-bolt.hu/wp-admin/admin.php?page=revslider&view=editor&module=1&slide=1)

A képen az **Áttűnés** kategória csempéi látszanak, a jobb felső sarkukban a **PRO** jelöléssel azok, amelyek az Átmenet csomag kiegészítőhöz tartoznak.

Az **Átmenet** gyűjtemény nyolc kategóriát tartalmaz: Áttűnés, Kivágás / felfedés, Csúsztatás, Zoom, 3D, Fluid, Distort és Szín. Ez a fejezet az Áttűnés, a Kivágás / felfedés és a Szín kategóriát írja le, ahol az új háttér a helyén jelenik meg átlátszatlansággal, maszkkal vagy színváltással. A [Csúsztatás, Zoom és 3D](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-atmenetek-mozgas/) kategóriák, valamint a [Fluid és Distort](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-atmenetek-torzitas/) kategóriák külön fejezetben vannak.

![Egy háttérátmenet beállítópanelje: erősség, easing, időtartam és az Alkalmazás gomb](./kepek/animaciok-hatter-atmenet-konfig.webp)

*Egy háttérátmenet beállítópanelje: erősség, 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 beállítópanel a rétegekéhez hasonlóan épül fel, de az átmeneteknél nincs időtartam mező.

## Általános tudnivalók

- Az átmenet alkalmazása felváltja a dia aktuális átmenetét az időtartamával együtt. Minden előbeállításnak saját hossza van (az alábbiakban megadva), és a beállítópanelen nincs **Időtartam** vezérlő.
- A **Szűrés** fülön beállított szűrő megmarad az átmenet cseréjekor ([Háttér: szűrők](https://hub.hellowp.io/hu/plugins/revslider/animaciok-hatter-szurok/)).
- Sok előbeállítás csíkokra, csempékre vagy cellákra vágja a hátteret, és ezek egymás után animálódnak. Ezeknél az **Auto** érték a navigáció irányát követi: a következő diára lépve az átmenet az egyik irányba fut, visszalépve az ellenkezőbe.
- A **PRO** jelzésű csempék az **Átmenet csomag** kiegészítőhöz tartoznak, és minden webhelyen látszanak. Alkalmazásuk először telepíti és aktiválja a kiegészítőt a modulhoz; ha a Slider Revolution nincs regisztrálva, a rendszer regisztrációt kér.
- Az **Easing** lehetőségei az előbeállításoknál: Linear, Smooth (Sima), Snappy (Fürge), Strong, és ahol megadom, Bounce (Pattogás) vagy Late.
- A **Fill** (kitöltés) értékei: Normal (az átmenet közvetlenül játszik le), Dark, Light és Blank (az előző háttér előbb feketére, fehérre vagy átlátszóvá halványul, és az új háttér az időtartam felénél kezd megjelenni).

## Áttűnés (Fade) kategória

| Előbeállítás | Mit csinál | Beállítások |
| --- | --- | --- |
| **None** | Azonnal az új háttérre vált, látható átmenet nélkül. A csempére kattintva közvetlenül érvényesül, beállítópanel nélkül. | Nincs |
| **Fade** | Az új háttér átlátszóból halványul be az előző fölött, amely a helyén marad. 1000 ezredmásodperc. | Style: Simple (csak az új háttér halványul be), Cross (az előző is elhalványul); Fill; Easing: Linear, Smooth, Snappy, Strong, Late |
| **Gradient** | Az új háttér 30 csíkra van vágva, amelyek egymás után halványulnak be, így az átmenet lágy törlésként halad át a dián. 1000 ezredmásodperc. | Direction: Fel, Balra, Auto, Jobbra, Le (az Auto a következő diánál lefelé, visszalépéskor felfelé fut; az Auto újra megnyomva váltogat a függőleges és a vízszintes között); Easing |
| **Radial Fade** | Az új háttér 30×30-as cellarácsra van vágva; minden cella 110%-ról 100%-ra zsugorodva halványul be, egymás után a középtől kifelé vagy a szélektől befelé. 1000 ezredmásodperc. | Style: Out (a középtől a szélek felé), In (a szélektől a közép felé); Fill; Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Tiled Fade** | Az új háttér 6×6-os csempékre van vágva; minden csempe 110%-ról 100%-ra zsugorodva halványul be, a választott sorrendben. 1000 ezredmásodperc. | Order: Auto (a következő diánál jobb alulról, visszalépéskor bal felülről kezd), From Top Left, From Bottom Right, From Center, From Edges, Random; Fill; Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Zoom Fade** | Az új háttér cellarácsra van vágva; minden cella 10%-ról 100%-ra nő és halványul be, és legfeljebb 10 képpontnyi távolságról és 10 fokos elforgatásból mozog a helyére. 1000 ezredmásodperc. | Origin: Out, In; Detail: Medium (8×8 cella), Strong (20×20); Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Cross Fade** | Az új háttér cellarácsra van vágva, amelynek cellái méretváltozás közben halványulnak be; a méretezés és a sorrend a Style-tól függ. 1000 ezredmásodperc (From Edges és From Center esetén 910). | Style: Together (5×5 cella nő nullától teljes méretre egyszerre), Shrink In (120%-ról zsugorodik a középtől kifelé, miközben az előző háttér cellái elhalványulnak és felére zsugorodnak), Grow Out (50%-ról nő a középtől kifelé, az előző háttér cellái elhalványulnak és 130%-ra nőnek), From Edges és From Center (20×20 cella, négyszeres méretről zsugorodik, a szélektől vagy a középtől kezdve); Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Shockwave** | Az új háttér 17×17-es cellarácsra van vágva, a cellák a dia széleitől a közép felé halványulnak be. Minden cella megnagyítva, elforgatva és elmozdítva indul, és teljes méretben mozog a helyére, miközben az előző háttér elhalványul. A szélhez legközelebbi cellák legfeljebb nyolcszoros méretről, 20 fokos elforgatásból és 20 képpontos eltolásból indulnak. 1500 ezredmásodperc. | Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Dynamic Burn** (PRO) | Az új háttér egy égésmintázat mentén tűnik elő az előző mögül. Melt Over: lágy, felhő alakú foltok nyílnak, és nőnek, amíg el nem borítják a diát. Burn Swipe: szaggatott, izzó él halad balról jobbra. Burn Over: világos, kimosott kép izzó, kerek lyukakkal, amelyek bezáródnak, amíg az új háttér teljes színben látszik. 1500 ezredmásodperc. | Style: Melt Over, Burn Swipe, Burn Over; Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Textured Burn** (PRO) | Az új háttér egy textúra alakjában halványul be az előző mögül (például foltok a Leopard, repedések a Cracks esetén). A textúra részei töltődnek ki először, és terjednek, amíg az új háttér be nem fedi a diát. 1500 ezredmásodperc. | Style: Leopard, Smoke, Boxes, Melting Ice, Cloud, Cell, Cell 2, Bubbles, Cracks, Waterfall, Paper; Easing: Linear, Smooth, Snappy, Strong, Bounce |
| **Color Melt** (PRO) | Az új háttér sötét, elmosott képként indul, világos, elmosott képpé változik, majd élesedik teljes színre, és közben kissé zsugorodik a méretére. 1500 ezredmásodperc. | Style: Light, Medium, Strong (a színeltolódás és az elmosás mértéke; a panel Stronggal nyílik); Easing: Linear, Smooth, Snappy, Strong, Bounce |

## Kivágás / felfedés (Cut / Reveal) kategória

Egyetlen előbeállítás van benne, amely az Átmenet csomag kiegészítőből való (PRO).

| Előbeállítás | Mit csinál | Beállítások |
| --- | --- | --- |
| **Cut / Reveal** (PRO) | Egy él halad át a dián a választott irányban, és felfedi mögötte az új hátteret. A Fire stílusnak szakadt, szaggatott éle van világos szegéllyel. A Fluid sima, hullámos élű. A Precision egyenes, lágy élű, vagy a Clock mintával a dia közepe körül forgó élű. A Roll a választott minta egy sávját húzza végig a dián, a sáv mögött az új háttérrel. 1500 ezredmásodperc. | Style: Fire, Fluid, Precision, Roll; Pattern (csak Precision és Roll esetén): Precision esetén Linear és Clock, Roll esetén Cell, Cell 2, Paper, ZigZag, Wire, Leopard, Smoke, Boxes, Melting Ice, Cloud, Bubbles, Cracks, Tunnel, Waterfall; Direction: Fel, Balra, Auto, Jobbra, Le (a Precision a Clock mintával csak Fel, Auto és Le értéket kínál); Intensity: 0 és 100 közötti szám, alapból 50 (csak a Rollnál); Easing: Linear, Smooth, Snappy, Strong, Bounce |

## Szín (Color) kategória

Az előbeállítások az új hátteret egy színkezelésből halványítják be, és ez a hatás az átmenet során feloldódik.

| Előbeállítás | Mit csinál | Beállítások |
| --- | --- | --- |
| **Flash** | Az új háttér megvilágosítva indul és halványul be, a fényereje az átmenet második felében tér vissza a normálisra. 1000 ezredmásodperc. | Strength: Subtle, Medium (a kezdő fényerő a normál kétszerese vagy négyszerese); Easing: Linear, Smooth, Snappy, Strong, Late (a panel Snappyvel nyílik) |
| **Grayscale** | Az új háttér szürkén indul és halványul be, a színe az átmenet második felében tér vissza. 1000 ezredmásodperc. | Strength: Subtle, Medium, Strong (a kezdeti szürkeség 50%, 80% vagy 100%; a panel Stronggal nyílik); Easing: Linear, Smooth, Snappy, Strong, Late (a panel Snappyvel nyílik) |
| **Sepia** | Az új háttér szépiatónusúan indul és halványul be, a színe az átmenet második felében tér vissza. 1000 ezredmásodperc. | Strength: Subtle, Medium, Strong (a kezdeti szépiaerősség 20%, 50% vagy 100%; a panel Stronggal nyílik); Easing: Linear, Smooth, Snappy, Strong, Late (a panel Snappyvel nyílik) |