Lista cursorilor CSS

Verifică la hover toate cele 36 tipuri de cursor CSS și copiază codul

Caracteristici

Afișează 36 tipuri cursor în listă

Conținut cuprinzător cu cuvinte cheie standard CSS pe o singură pagină

Confirmă forma reală la hover

Cursorul se modifică în forma respectivă atunci când mutați mouse-ul deasupra

Organizat în 6 grupuri după scop

Cu o descriere scurtă care vă ajută să găsiți ușor cursorul dorit

Copiază CSS cu un singur clic

Se copiază gata de lipit sub forma "cursor: pointer;"

Mod de utilizare

1

Caută după grup

Caută candidați după antetele organizate pe scop, cum ar fi "General" sau "Drag & Drop"

2

Verifică forma cu mouse-ul

Mută cursorul peste cadrul "Mută mouse-ul aici" pentru a confirma forma

3

Copiază și lipește

Obțineți CSS cu butonul "Copiază" și lipiți-l în foaia de stil proprie

Lista cursorilor CSS

Cazuri de utilizare

Verifică cursorul pentru butoane și linkuri

Confirmă aspectul pointer pentru elementele care se pot face clic

Alege cursorul pentru operații de drag

Compară grab, move și copy pentru a selecta forma care se potrivește cu operația de reordonare sau mutare

Diferențiază reprezentarea dezactivat și în progres

Confirmă practic diferența dintre not-allowed, wait și progress

Memorare valori în învățarea CSS

Vezi și memorează într-o privire toate tipurile de valori și semnificațiile lor pentru cursor

Cunoștințe de bază

Diferența dintre pointer și default

pointer este un cursor în formă de deget care indică faptul că elementul poate fi făcut clic, la fel ca linkurile sau butoanele. default este cursorul săgeată standard al mediului, folosit pe text sau fundal unde nu se întâmplă nimic la clic.

Comportamentul valorii implicite auto pentru cursor

Valoarea implicită a proprietății cursor este auto, iar browserul selectează automat forma cursorului în funcție de locație, cum ar fi text peste text și default în alte locații.

Motiv pentru care cursorul nu se schimbă chiar dacă este specificat

Dacă cursorul nu se schimbă chiar dacă este specificat, de obicei un alt element se suprapune deasupra, sau o altă regulă suprascrie specificația.

  • Element suprapus deasupra:Dacă un element transparent sau pseudo-element se suprapune deasupra, forma cursorului se conformează specificației cursor a elementului cel mai de sus.
  • Suprascrierea după specificitate:Când mai multe reguli se aplică aceluiași element, specificitatea (puterea selectorului) mai mare are prioritate la specificația cursor.
  • Diferență după sistem de operare și browser:Designul cursorului este furnizat de sistemul de operare sau browser, deci aceeași valoare poate arăta diferit pe Windows și macOS.

Securitate și confidențialitate

Procesare în browser

Datele introduse sunt procesate doar în browserul dumneavoastră și nu sunt trimise în exterior.

Procesare doar în browser

Afișare cursor și copiere cod se efectuează în întregime în browserul dvs., iar datele de intrare nu sunt trimise la server.

Comunicare criptată cu HTTPS

Încărcarea paginii este și ea criptată prin TLS, iar conținutul nu poate fi citit de terți.

Nicio transmisie către terți

Conținutul intrării nu este trimis serviciilor externe, cum ar fi rețele de publicitate sau tracked-uri.

Nicio salvare automată a rezultatelor

Cod copiat și sugestiile de intrare nu sunt stocate pe server.

Urmărește RAKKOTOOLS în Google Search

189 instrumente utile devin mai ușor de găsit din Google Search și căutările AI!

  • Se găsește în căutare
  • Se afișează și în căutări AI
  • Descoperă instrumente noi

Informații de actualizare

Instrumente conexe