Основная функция модификатора:
Модификатор позволяет заменить стандартный курсор на сайте.

Вы можете изменить курсор для всего сайта или настроить его отдельно для определённых элементов при наведении.

Использование:
После добавления модификатора в редакторе появится техническая секция с предпросмотром курсора. На сайте эта секция публиковаться не будет.

В редакторе кастомный курсор не отображается, чтобы проверить его работу необходимо зайти в предпросмотр страницы, либо опубликовать сайт.

Вид модификатора в редакторе:

Основные настройки:

Курсор по умолчанию:
Выбранная иконка заменит основной курсор на всём сайте.

Последний пункт позволяет загрузить свою иконку в формате SVG.

Используйте только одноцветные изображения.

Цвет курсора:
Параметр меняет цвет курсора. Можно установить любой цвет в том числе с прозрачностью.

Размер курсора:
Параметр управляет размером курсора в диапазоне от 10 до 48 пикселей.

Задержка при движении:
Настраивает плавность движения курсора. Чем ниже скорость курсора, тем медленнее будет перемещаться указатель.

Центр курсора:
Курсоры разной формы по разному воспринимаются пользователями.

От стандартной стрелки мы ожидаем, что клик будет происходить кончиком стрелки.
Поэтому для неё нужно установить центр курсора в левый верхний угол для естественного использования.

Для круглого курсора логичнее центрировать точку клика по середине курсора.

Кастомыне иконки требуют индивидуальной настройки в зависимости от формы.

Скрыть стандартный курсор:
Включение этого параметра оставляет отображение только кастомного курсора.

Но если его отключить, то кастомный и стандартный курсоры будут отображаться одновременно.

Совет: Попробуйте отключить скрытие стандартного курсора и включить задержку при движении. Это создаст интересный эффект следования иконки кастомного курсора за стандартной стрелкой.

Курсор при нажатии
Коэффициент увеличения:
Кастомный курсор может реагировать на клик. Если в коэффициенте увеличения стоит положительное значение, то курсор будет увеличиваться на заданный процент. И наоборот, при отрицательном значении коэффициента, курсор будет уменьшаться при клике.

Элементы:
Модификатор не только заменяет курсор для всего сайта, но и позволяет настроить интерактивные эффекты курсора при наведении на блоки.

Когда пользователь наводит курсор на любой объект (картинка, текст, фигура и т.д.), может срабатывать один или сразу несколько эффектов:

увеличение курсора
смена цвета курсора
появление подсказки
эффект наложения
замена иконки курсора

Чтобы настроить эффект, сначала необходимо скопировать ID блока, на который будет реагировать курсор. Для этого:

выделите блок
откройте его настройки
прокрутите все настройки вниз до кнопки "Сбросить настройки"
под ней будет указан ID блока
нажмите на иконку "Копировать" справа от ID

Теперь, когда у нас есть ID блока, зайдите в настройки модификатора "Курсор".

Нажмите на три точки рядом с нужным элементом.

В поле "ID блока" вставьте скопированный ранее идентификатор.

Выберите эффект курсора.

И закройте всплывающее окно с элементом.

Эффекты курсора:
Для курсора доступно 5 интерактивных эффектов, которые срабатывают при наведении на объект.

Увеличение - меняет размер курсора на заданное количество процентов.

Смена цвета - перекрашивает курсор.

Подсказка - превращает курсор в круг с текстом внутри.

Наложение - создаёт эффект инверсии цвета, когда курсор движется над объектом.

Смена курсора - меняет иконку курсора, пока он находится над объектом.

Применение нескольких эффектов к одному блоку:
Чтобы при наведении на элемент применялось два и более эффектов, необходимо добавить в список несколько элементов с одинаковым ID блока и выбрать разные эффекты курсора.

Двойной крусор:
На страницу можно одновременно добавить два или более модификаторов "Курсор".

В этом случае курсоров тоже будет отображаться 2 или более.

Установите для второго курсора "Задержку при движении" и вы получите эффект следования одного курсора за другим.