Kezdőlap

EszközökBlog


CSS Cursor Generator BÉTA

Konfiguráció

Cursor

Osztály

Előnézet

Hover me

Kód

CSS Cursor Generator

A "cursor" CSS tulajdonság lehetővé teszi, hogy megváltoztassa az egérmutató (kurzor) stílusát egy HTML-elem felett, amikor az egérmutató kölcsönhatásba lép az adott elemmel. Ez lehetővé teszi az egérmutató megjelenésének testreszabását és különböző stílusok alkalmazását a weboldal különböző elemeire vagy interakcióira.

A kurzor tulajdonságot a CSS-ben a következőképpen használhatja:

.my-element { cursor: pointer; }

Ebben a példában az .my-element osztályhoz rendelt elem fölötti egérmutató "mutató" stílusú kurzorrá változik, ami gyakran kattintható vagy interaktív elemet jelez.

A kurzor tulajdonság különböző értékekkel használható, például:

  • auto: A böngésző az alapértelmezett kurzort használja.
  • pointer: mutató kurzor, jelzi, hogy az elem interaktív.
  • crosshair: Keresztes kurzor, gyakran jelzi a kijelölhető tartalmat.
  • text: Szövegkurzor, jelzi, hogy az elembe szöveg írható.
  • move: Mozgassa a kurzort, jelzi, hogy az elem mozgatható.
  • not-allowed: Nem engedélyezett kurzor, azt jelzi, hogy a művelet nem elérhető vagy nem engedélyezett.

Ez csak néhány példa a kurzor tulajdonság lehetséges értékeire. A pontos stílusok és megjelenések a kiválasztott értéktől függően változhatnak. A kurzor tulajdonság lehetővé teszi, hogy egyedi élményt teremtsen az egérmutatóval a webhelyen, ami segíthet a felhasználóknak megérteni, hogy milyen interakciókra számíthatnak az egyes elemekkel.


Top eszközök

Code Hub
SzínpalettaÚJ
Erős Jelszó GenerátorSzínválasztóSocial Media felhasználónév ellenőrző

Nyelv kiválasztása

Téma beállítása

© 2024 ReadyTools. Minden jog fenntartva.