Top.Mail.Ru
Loading...
The work you do while you procrastinate is probably the work you should be doing for the rest of your life.
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM097 ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

магнитная кнопка в тильде

Модификация поможет настроить эффект магнитной кнопки с возможностью изменения величины элемента, расстояния, на которое будет применяться данный эффект, его скорости и угла вращения.
1. Добавляешь в Зеро-блок элемент (текст, шейп, картинка или кнопка). И указываешь ему тот же класс, что и в генераторе (например, magnit).

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь класс.

2. В генераторе заполняешь следующие поля:
  • «Класс элемента» – прописываешь класс, тот же, что и у элемента в Зеро-блоке, к которому будет применяться эффект магнитной кнопки (например, magnit);
  • «На каком расстоянии от центра элемента магнитить(px)» – радиус в пределах которого элемент замечает курсор и магнититься к нему;
  • «Увеличение элемента» – на сколько будет увеличиваться элемент во время применения эффекта;
  • «Скорость эффекта»;
  • «Угол вращения во время эффекта (deg)» – угол поворота элемента во время применения эффекта (может быть отрицательным)

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1