# Előtte-utána widget

> Két kép összehasonlítása egy húzható csúszkavonallal.

Az **Előtte-utána** widget két képet fed egymásra, és egy húzható vonallal lehet átváltani közöttük. Például átalakítás előtti és utáni fotók, vagy retusált és eredeti kép összehasonlítására jó.

## Képek és tájolás

![Az Előtte-utána szakasz](./kepek/animaciok-es-effektek-elotte-utana.webp)

*Az Előtte-utána szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Előtte lévő kép** | A csúszkavonal egyik oldalán látható kép. | |
| **Utána lévő kép** | A csúszkavonal másik oldalán látható kép. | |
| **Tájolás** | A csúszkavonal iránya: függőleges vagy vízszintes. | Függőleges |
| **Eltolás** | A vonal kezdőhelye százalékban. | 50 (középen) |

## Beállítások

![A Beállítások szakasz](./kepek/animaciok-es-effektek-elotte-utana-beallitasok.webp)

*A Beállítások szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Diavetítés mozgatása egérrel történő rámutatáskor** | Bekapcsolva a vonal kattintás nélkül is követi az egérmutatót. | Nem |
| **Mozgatás csak a fogantyúval** | Bekapcsolva csak a fogantyú húzásával mozdul a vonal; kikapcsolva a kép bármely pontján húzva is. | Nem |
| **Mozgatás kattintással** | Bekapcsolva a kép bármely pontjára kattintva (vagy koppintva) a vonal oda ugrik. | Igen |

## Fedvény és címkék

Alapból a két képre egy fedvény kerül, amely az **Előtte** és **Utána** címkét mutatja. Ezt itt módosíthatod vagy elrejtheted.

![A Fedvény és címkék szakasz](./kepek/animaciok-es-effektek-elotte-utana-fedveny.webp)

*A Fedvény és címkék szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Nincs fedvény** | Bekapcsolva nem jelenik meg az előtte és utána címkéket tartalmazó fedvény. | Nem |
| **Előtte** | Az előtte lévő kép egyéni címkéje. | Előtte |
| **Utána** | Az utána lévő kép egyéni címkéje. | Utána |

A kinézetet a **Stílus** fül **Fogantyú stílusa** és **Fedvény és címkék** szakasza állítja. A fedvény stílusai: **Átfedés háttere**, **Címkék színe**, **Átfedő címke háttere**, **Átfedő címke paddingja**, **Címkék lekerekítési sugara** és **Címkék tipográfiája**.