Как настроить кастомный курсор в Tilda
Кольцо, магнит, шлейф или подпись с отдельной реакцией на ссылки и кнопки.Подробнее о модеСвернуть описание
Как настроить кастомный курсор в Tilda
Кольцо, магнит, шлейф или подпись с отдельной реакцией на ссылки и кнопки.Что умеет мод
- Предлагает разные виды курсора: от точки с кольцом до частиц, рамки и текстового хвоста.
- Настраивает размер, цвет, инерцию и параметры выбранного эффекта.
- Реагирует на все ссылки и кнопки либо только на указанные элементы.
- Показывает общую подпись или текст из атрибута data-label у цели наведения.
Как подключить
Выберите эффект
Начните с типа курсора и проверьте его в области превью. Настройте размеры, плавность следования и дополнительные параметры: силу магнита, длину хвоста или текст подписи — в зависимости от режима.
Укажите цели наведения
Оставьте стандартные ссылки и кнопки либо задайте собственные селекторы. Выбор цели управляет реакцией курсора; сам курсор перемещается по странице. При необходимости отключите особое состояние наведения.
Настройте поведение
Выберите, скрывать ли системный указатель. Оставьте включённым режим «Только на десктопе (мышь)», чтобы на сенсорных устройствах сохранялось обычное поведение. Для подписей задайте понятный короткий текст.
Установите и проверьте
Скопируйте код в T123 и опубликуйте страницу. Проверьте движение, ссылки, кнопки, поля ввода и открытые попапы. Убедитесь, что курсор различим на светлых и тёмных участках и не мешает читать содержимое.
Что учитывать. Используйте один код этого курсора на странице. Одновременное подключение нескольких замен системного указателя может создать конфликт. Магнитный режим смещает саму цель наведения. Проверьте его отдельно на элементах с собственной анимацией положения.
Вопросы и ограничения
Почему курсор не работает на телефоне?
При включённом режиме для мыши эффект не запускается без точного указателя и поддержки наведения. Это предусмотренное поведение для сенсорных устройств.
Можно оставить обычную стрелку?
Да. Отключите скрытие системного курсора: эффект будет отображаться вместе со стандартным указателем.
Можно назначить разные подписи?
В режимах с подписью используется data-label у элемента. Если такого атрибута нет, показывается общий текст из конструктора.
Почему выбранный цвет не применяется к инверсии?
Режим инверсии использует difference и меняет вид в зависимости от содержимого под курсором. Обычный основной цвет в этом режиме не используется.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
