Список на CSS курсори

Проверете ги со поминување на глувчето сите 36 курсори што може да се зададат со CSS cursor и копирајте го кодот

Карактеристики

Приказ на сите 36 видови cursor

Сите стандардни CSS клучни зборови собрани на една страница

Проверка на живо со поминување

Кога ќе поминете со глувчето, курсорот ја добива таа форма

Подредени во 6 групи по намена

Со краток опис, за лесно да го најдете саканиот курсор

Копирање на CSS со еден клик

Во форма „cursor: pointer;“ подготвена за лепење

Како се користи

1

Барајте по групи

Најдете кандидати преку насловите по намена, како „Општо“ и „Влечење и спуштање“

2

Поминете со глувчето и проверете

Поставете го курсорот во полето „Поминете со глувчето овде“ и проверете ја формата

3

Копирајте и залепете

Земете го CSS со копчето „Копирај“ и залепете го во својот стилски лист

Список на CSS курсори

Случаи на употреба

Проверка на курсорот за копчиња и врски

Проверете како изгледа pointer што се става на елементи на кои може да се кликне

Избор на курсор за интерфејс со влечење

Споредете ги grab, move и copy и изберете форма што одговара на прередување или преместување

Разликување на состојби: оневозможено и во тек

Проверете ја вистинската разлика меѓу not-allowed, wait и progress и користете ги соодветно

Меморирање на вредностите при учење CSS

Видете ги одеднаш сите видови и значења на вредностите што може да се напишат во cursor

Основни знаења

Разлика меѓу pointer и default

pointer е курсор во облик на прст и се користи за да покаже дека елементот може да се кликне, како врска или копче. default е стандардната стрелка на околината и по правило се користи врз текст или позадина каде што кликнувањето не прави ништо.

Однесување на почетната вредност auto кај cursor

Почетната вредност на својството cursor е auto, при што прелистувачот автоматски ја избира формата на курсорот според местото – text врз текст, а default на другите места.

Причини зошто cursor не се менува и покрај задавањето

Кога формата на курсорот не се менува и покрај зададениот cursor, најчесто врз елементот се преклопува друг елемент или зададената вредност е презапишана од друго правило.

  • Елемент преклопен одозгора:Ако одозгора се преклопува проѕирен елемент или псевдоелемент, формата на курсорот се прикажува според cursor зададен кај најгорниот елемент.
  • Презапишување поради специфичност:Кога врз ист елемент се применуваат повеќе правила, предност има cursor од правилото со поголема специфичност (посилен селектор).
  • Разлики според OS и прелистувач:Бидејќи сликите на курсорите ги обезбедуваат OS и прелистувачот, истата вредност изгледа поинаку на Windows и на macOS.

Безбедност и приватност

Целосно во прелистувачот

Внесените податоци се обработуваат само во вашиот прелистувач и не се испраќаат надвор.

Обработка само во браузер

Приказот на курсорите и копирањето на кодот се врши целосно во вашиот браузер, а влезните податоци не се испраќаат на сервер.

Комуникацијата е шифрирана со HTTPS

Вчитување на страната исто така е шифрирано со TLS и содржината не може да се прочита од трети страни.

Без испраќање на трети страни

Содржината на влезот не се испраќа на надворешни услуги како реклами или праќачи.

Без автоматско зачувување на резултати

Копираниот код и влезни предлози не се зачувуваат на сервер.

Следете го RAKKOTOOLS на Google Пребарување

189 корисни алатки стануваат полесни за пронаоѓање преку Google Пребарување и AI пребарување!

  • Се наоѓа во пребарувањето
  • Се прикажува и во AI пребарување
  • Откривање и на нови алатки

Информации за ажурирање

Поврзани алати