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

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

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

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

body {
  cursor: url('cursor.png') 10 10, help;
}
Вёрстка CSS 1.1 г. Просмотров: 410
Оценить код:

Комментарии

Ваш комментарий будет первым.
Войдите, чтобы оставить комментарий.