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