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