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

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


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

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


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

Вёрстка CSS просмотров: 71

Комментарии

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