Списък с CSS курсори
Проверете всички 36 вида курсори на CSS при задържане на мишката и копирайте кода
Особености
Показва всички 36 вида cursor
Всички ключови думи на CSS стандарта са събрани на една страница
Проверете формата при задържане на мишката
Курсорът се променя в съответната форма, когато задържите мишката
Организирани в 6 групи по предназначение
Лесно е да намерите нужния курсор с кратко описание
Копирайте CSS с един клик
Копира се в формата "cursor: pointer;" и е готово да се вставка
Как се използва
Потърсете по група
Потърсете подходящ вариант от заглавия по предназначение, като "Основни" и "Плъгване и пускане"
Задръжте мишката и проверете
Задръжте мишката върху полето "Задръжте мишката тук", за да видите формата на курсора
Копирайте и вставете
Копирайте CSS с бутона "Копирай" и го вставете в своя стилов лист
Случаи на употреба
Проверка на курсора на бутони и връзки
Проверете как изглежда pointer за елементи, които могат да се щракнат
Избор на курсор за интерфейс с плъгване
Сравнете grab, move и copy, за да изберете формата, която отговаря на операцията с преместване или пренареждане
Разлика между неактивно и обработване
Проверете разликата между not-allowed, wait и progress в действие
Запомняне на стойности при изучаване на CSS
Видите всички възможни стойности на cursor и техния смисъл наведнъж
Основни знания
Разлика между pointer и default
pointer е курсор с форма на пръст, използва се, когато искате да покажете, че един елемент е кликабилен (като връзки или бутони). default е стандартният курсор със стрелка в окръжението, използва се над текст или фон, където щракването не прави нищо.
Поведение на auto при cursor
Стойността по подразбиране на cursor е auto. Браузърът автоматично избира формата на курсора в зависимост от позицията: text над текст и default на други места.
Причина, поради която cursor не се променя
Ако cursor не се променя, най-често е защото друг елемент е наложен отгоре или друго правило го заменя.
- Наложен елемент отгоре：Ако прозрачен елемент или псевдоелемент е наложен отгоре, курсорът ще следва указанието на горния елемент.
- Замяна поради специфичност：Когато на един елемент се прилагат няколко правила, предимство има указанието на правилото с най-висока специфичност (сила на селектора).
- Разлика поради операционна система или браузър：Формата на курсора зависи от тази, предоставена от операционната система или браузъра, така че същата стойност може да изглежда различно в Windows и macOS.
Безопасност и поверителност
Изцяло в браузъра
Въведените данни се обработват само във вашия браузър и не се изпращат навън.
Обработка само в браузъра
Показване на курсор и копиране на код се извършва изцяло във вашия браузър, входните данни не се изпращат на сервър.
Комуникацията е шифрована с HTTPS
Зареждането на страницата също е шифровано чрез TLS, съдържанието не може да бъде прочетено от трети лица.
Без изпращане на трети лица
Входното съдържание не се изпраща към външни услуги като рекламни мрежи или проследяватели.
Без автоматично запазване на резултатите
Копиран код и входни предложения не се съхраняват на сървъра.
Следете RAKKOTOOLS в Google Search
189 полезни инструмента, които лесно се намират от Google Search и AI Search!
- Намиране в Search
- Показване и в AI Search
- Откривай нови инструменти
Новини за обновления
- update #318
Добавяне на списък CSS курсори, проверка на всички видове курсори при преминаване на мишката и копиране
Избрани инструменти
189 безплатни уеб инструмента са готови за употреба сега!