# Animált szöveg widget

> Szövegek karakterenkénti, szavankénti vagy soronkénti animálása be- és kilépő effektekkel.

Az **Animált szöveg** widget egymás után megjelenő és eltűnő szövegsorozatot hoz létre. Megadhatod, hogy a szöveg karakterenként, szavanként vagy soronként mozogjon, és külön állíthatod a megjelenés (**BE**) és az eltűnés (**KI**) animációját.

## Szöveg és eseményindító

![Az Animált szöveg widget Tartalom fülje](./kepek/animaciok-es-effektek-animalt-szoveg.webp)

*Az Animált szöveg widget Tartalom fülje* (https://minta-bolt.hu/wp-admin/post.php?post=58&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Típus** | Mi mozogjon: **Karakterek** (minden betű külön), **Szavak** (a szöveg szavakra bontva), **Sorok** (minden sortörésnél új egység). | Karakterek |
| **Eseményindító** | Mikor induljon az animáció: **Animáció** (az oldal betöltésekor azonnal) vagy **Görgetés** (akkor, amikor a látogató az elemhez görget). | Animáció |
| **Szöveg** | Az animációban szereplő szövegek listája. Több szöveget is felvehetsz az **Elem hozzáadása** gombbal, a sorrendjüket húzással változtathatod. | |
| **Ismétlés** | Az animáció ismétlésének száma. A **-1** végtelen ismétlést jelent, a **0** egyszer játssza le, majd elrejti a szöveget, bármilyen más szám a legnagyobb lefutások száma. | -1 |

Minden szöveghez külön stílust is beállíthatsz a szokásos Elementor-stíluselemekkel (betűtípus, szín és így tovább), a szöveg sorára kattintva.

## BE és KI animáció

A **BE** szakasz a szöveg megjelenését, a **KI** szakasz az eltűnését állítja. A két szakasz beállításai ugyanazok, csak az **Animáció stílusa** lista tartalma különbözik a mozgás irányának megfelelően.

![A BE szakasz beállításai](./kepek/animaciok-es-effektek-animalt-szoveg-be.webp)

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

![A KI szakasz beállításai](./kepek/animaciok-es-effektek-animalt-szoveg-ki.webp)

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

| Beállítás | Mit csinál | Alapérték (BE) |
| --- | --- | --- |
| **Animáció stílusa** | A mozgás fajtája. **BE**: Elhalványulás, Balról, Jobbról, Felülről, Alulról, Közelítés, Távolítás, Véletlenszerű pozíció. **KI**: Elhalványulás, Balra, Jobbra, Felfelé, Lefelé, Közelítés, Távolítás, Véletlenszerű pozíció, Elastic. | Elhalványulás |
| **Kiindulópont** | Honnan induljon az animáció az elemen belül: **Indítás**, **Középre** vagy **Vége**. | Indítás |
| **Sebesség** | Egy elem animációjának időtartama másodpercben. | 0,7 |
| **Összeg** | Az egymás utáni elemek animációja közötti idő. Az új animáció csak akkor indul, ha az előző már lefutott. A negatív érték a kiindulási ponthoz képest ellentétes hatást ad. | 1 |
| **Késleltetés** | Az első elem animációjának kezdete utáni várakozás másodpercben. | 0 |
| **Easing** | A gyorsulás típusa: **Nincs**, **Be**, **Ki** vagy **InOut**. | InOut |
| **Egyenlet** | A gyorsulási görbe: Lineáris, Power1, Power2, Power3, Power4, SlowMo, Vissza, Elastic, Pattogás, Circ, Expo, Szinusz. A görbék hatását az easings.net oldalon is megnézheted. | Power3 |