Что такое курсоры CSS?

Курсоры CSS — это визуальные индикаторы, которые изменяют внешний вид указателя мыши, чтобы сообщать о возможных действиях. При наведении курсора на различные элементы веб‑страницы указатель меняется, предоставляя обратную связь об интерактивности — рука‑указатель для ссылок, текстовый луч для редактируемого контента или стрелки изменения размера для регулируемых элементов. Эти визуальные подсказки являются важными для интуитивного дизайна пользовательского интерфейса.

Описание инструмента

Этот инструмент предоставляет интерактивный просмотр всех стандартных значений курсоров CSS. Выберите любой тип курсора в раскрывающемся списке, наведите указатель на область предварительного просмотра, чтобы увидеть его в действии, и получите готовый фрагмент CSS‑кода.

Возможности

  • Предпросмотр курсора в реальном времени: Наведите указатель на область предварительного просмотра, чтобы увидеть каждый курсор в действии
  • Категориальная навигация: Просматривайте курсоры по категориям (Общие, Ссылки и статус, Выделение, Перетаскивание, Изменение размера и прокрутка, Масштабирование)
  • Мгновенный CSS‑код: Получите готовый код свойства cursor для копирования и использования
  • Подробные описания: Узнайте, что каждый курсор сообщает пользователям

Сценарии использования

  • Выбор подходящего курсора для интерактивных элементов пользовательского интерфейса
  • Изучение всех доступных вариантов курсоров CSS
  • Быстрый справочник во время веб‑разработки
  • Тестирование внешнего вида курсора в разных браузерах