Чтобы создать кастомный курсор с помощью CSS, вам нужно использовать свойство cursor и указать значение url() с ссылкой на изображение курсора. После запятой указывается резервное значение для курсора. В данном пример указано значение auto. Этом значит, что браузер использует стандартный курсор, если изображение не загрузится.
body {
cursor: url('cursor.png'), auto;
}
В этом примере кастомное изображение курсора смещено на 10 пикселей вправо и вниз от центра курсора, а в качестве резервного указан курсор help.
body {
cursor: url('cursor.png') 10 10, help;
}
Комментарии
0Нашли ошибку или хотите дополнить материал?