# Kurzorkövető widget

> Az egérkurzort követő elem beállítása: méret, színek, rámutatási átmenet, görgetésjelző és eszközök.

A **Kurzorkövető** egy olyan elem, amely az oldalon az egérkurzort követi. Alapból kör alakú. Asztali gépen látványos hatás, érintőképernyős eszközön is lehet értelme.

![A Kurzorkövető widget beállításai](./kepek/animaciok-es-effektek-kurzorkovetes.webp)

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

## Kurzor

A **Kurzor** szakasz felső részén a kör alapadatai vannak. A **Normál** és **Rámutatás** fül ugyanazokat a beállításokat adja két állapotra.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Méret** | A kör átmérője képpontban (eszközönként külön is megadható). | |
| **Késleltetés** | Mennyire késve követi a kör az egeret. | 1 |
| **Vonalvastagság** | A körvonal vastagsága. | |
| **Átlátszatlanság** | Az elem átlátszatlansága. | |
| **Körvonal színe** | A körvonal színe. | |
| **Kitöltési szín** | A kör kitöltésének színe. | |

## Rámutatás

A **Rámutatás** fülön azt állítod be, mi történjen a kurzorral, ha egy kijelölt elem fölé ér. Bármelyik elemből kurzor-célpontot csinálhatsz, ha megadod neki a `cursor-target` CSS-osztályt.

A rámutatáskori átmenet beállításai: **Vonalvastagság**, **Átlátszatlanság**, **Méretezés** (a beállított méret legfeljebb tízszerese), **Körvonal színe** és **Kitöltési szín**.

## Görgetés előrehaladása

A **Görgetés előrehaladása** résznél a **Bekapcsolás** kapcsolóval a kurzor körül egy jelző mutatja, hogy mennyit görgettél le az oldalból. Beállítható a **Vonalvastagság** és a **Folyamatjelző színe**.

## Kurzor alkalmazása

A **Kurzor alkalmazása** mezőben választhatod ki, mely eszközökön jelenjen meg a kurzorkövető. Alapból mindhárom be van jelölve: **desktop**, **tablet** és **mobile**.