Вёрстка: Кастомный курсор css

Чтобы создать кастомный курсор с помощью CSS, вам нужно использовать свойство cursor и указать значение url() с ссылкой на изображение курсора. После запятой указывается резервное значение для курсора. В данном пример указано значение auto. Этом значит, что браузер использует стандартный курсор, если изображение не загрузится.

body {
  cursor: url('cursor.png'), auto;
}

В этом примере кастомное изображение курсора смещено на 10 пикселей вправо и вниз от центра курсора, а в качестве резервного указан курсор help.

body {
  cursor: url('cursor.png') 10 10, help;
}
3.7 г. Просмотров: 1.2k
Материал помог? Оценка помогает находить устаревшие и спорные решения.

Комментарии

0

Нашли ошибку или хотите дополнить материал?

Комментариев пока нет.Можно первым дополнить материал или сообщить об ошибке.
Telegram