Lista CSS kursora

Isprobajte svih 36 vrsta kursora koje se mogu postaviti CSS svojstvom cursor prelaskom mišem i kopirajte kod

Informacije o ažuriranjimaDodaj popis CSS kursora, provjeri sve vrste kursora hovanjem i kopirajPogledaj vijesti o ažuriranju

Karakteristike

Prikaz svih 36 vrsta cursor-a

Standardni CSS ključni riječi prikazane na jednoj stranici

Provjera izgleda prelaskom mišem

Kursor mijenja oblik kada pređete mišem preko njega

Organizovano u 6 grupa po namjeni

Lako je pronaći željeni kursor uz kratak opis

Kopiranje CSS koda jednim klikom

Možete odmah zalijepiti u obliku "cursor: pointer;"

Kako koristiti

Pronađite u grupama

Potražite opcije pod naslovima po namjeni, kao što su "Opšte" ili "Prevlačenje i ispuštanje"

Provjerite prelaskom mišem

Postavite kursor preko okvira "Postavite miš ovdje" da provjerite oblik

Kopirajte i zalijepite

Dobijte CSS putem dugmeta "Kopiraj" i zalijepite u svoj stylesheet

Primjeri korištenja

Provjera kursora za dugmad i linkove

Provjerite izgled pointer kursora koji se postavlja na elemente na koje se može kliknuti

Odabir kursora za UI prevlačenja

Uporedite grab, move i copy kako biste odabrali odgovarajući oblik za premještanje ili preuređivanje

Razlikovanje stanja neaktivnosti i obrade

Provjerite razlike između not-allowed, wait i progress u stvarnosti i koristite ih prema potrebi

Učenje vrijednosti u sklopu učenja CSS-a

Pogledajte i zapamtite odjednom sve vrijednosti koje se mogu postaviti za cursor i njihovo značenje

Osnovne informacije

Razlika između pointer i default

Pointer je kursor u obliku prsta koji se koristi za označavanje elemenata na koje se može kliknuti, poput linkova ili dugmadi. Default je standardna strelica okruženja i osnovno se koristi na tekstu ili pozadini gdje klik ne izaziva nikakvu radnju.

Ponašanje početne vrijednosti auto za cursor

Početna vrijednost svojstva cursor je auto, pri čemu preglednik automatski bira oblik kursora prema lokaciji – na primjer text iznad teksta, a default na ostalim mjestima.

Razlog zašto se oblik ne mijenja iako je cursor postavljen

Ako se oblik kursora ne mijenja iako je svojstvo cursor postavljeno, čest razlog je da se drugi element preklapa iznad, ili da je postavljena vrijednost prepisana nekim drugim pravilom.

Element koji se preklapa iznad：Ako se iznad nalazi providan element ili pseudo-element, oblik kursora se prikazuje prema vrijednosti cursor koja je postavljena za element koji je najviše na vrhu.
Prepisivanje usljed specifičnosti：Kada se više pravila primjenjuje na isti element, prioritet ima vrijednost cursor pravila s većom specifičnošću (jačinom selektora).
Razlike između OS-a i preglednika：Pošto se koriste grafike kursora koje su pripremili operativni sistem i preglednik, ista vrijednost može izgledati drugačije na Windows-u i macOS-u.