Что делает модификация

Кнопка приближается к курсору и упруго возвращается на место.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Используется TweenMax 2.1.3. Не совмещайте с другой transform-анимацией этой кнопки.

Настройте под свой сайт

Настройка	Назначение
Класс кнопки	Выберите значение в интерфейсе личного кабинета.
Сила притяжения	Параметр 0–1
Область реакции	Параметр 0.1–2

Подготовьте кнопкуДобавьте кнопку в Zero Block и задайте magnit__button. Оставьте вокруг неё место для движения.
Установите кодВ личном кабинете задайте параметры и сгенерируйте код. Вставьте полный результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
Проверьте мышьНаведите курсор рядом с кнопкой и отведите его. На телефонах и узких экранах движение отключено.

Важно

Используется TweenMax 2.1.3. Не совмещайте с другой transform-анимацией этой кнопки.

Где настроить модификацию?

После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».

Нужно ли править код вручную?

Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.

Пример использует мои блоки?

Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.