# Animált gépelés elem

> Az Animált gépelés elem beállításai: előtag, utótag, szövegek, sebesség, késleltetés, kurzor, ismétlés és keverés.

Az **Animált gépelés** elem írógép-hatást ad: a megadott szövegeket egymás után begépeli, majd kitörli. A sebesség és az időzítés állítható.

![Az Animált gépelés elem beállításai a szerkesztőben](./kepek/elemek-animated-typing.webp)

*Az Animált gépelés elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Címke**, az **Előtag**, az **Utótag** és a **Szövegek** lista látszik, alattuk a **Beállítások** csoport.

## Tartalom

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Címke** | Az elem HTML-címkéje: `div` vagy `h1`-`h6`. | `div` |
| **Előtag** | A gépelt szövegek előtt álló, nem változó szöveg. | „We ” |
| **Utótag** | A gépelt szövegek után álló, nem változó szöveg. | „ for you!” |
| **Szövegek** | A ciklikusan gépelt szövegek listája. Minden tételnek egy szövegmezője van. A **Hozzáadás szövegblokk** gombbal veszel fel újat. | „design”, „code”, „launch” |

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Gépelés sebessége (ms) | Egy karakter begépelésének ideje. | 55 |
| Törlés sebessége (ms) | Egy karakter törlésének ideje. | 30 |
| Indítási késleltetés (ms) | Ennyit vár az animáció indulása előtt. | 500 |
| Törlés előtti késleltetés (ms) | Ennyit vár a szöveg törlésének megkezdése előtt. | 500 |
| Kurzor karaktere | A kurzorként használt karakter. | `\|` |
| Ismétlés | Az animáció a végtelenségig ismétlődik. | Be |
| Keverés | Minden körben véletlenszerű sorrendben jönnek a szövegek. | Ki |