Как сделать эффект магнитного элемента?
Этот скрипт позволит тебе сделать эффект магнитных элементов для любых нужных тебе элементов на Тильда. Пример работы модификации внизу cтраницы
1 мин.
JavaScript
Эффекты
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
1. Создай на странице зероблок и элементы в нём, для которых нужно будет создавать эффект
2. Задай элементам и укажи в генераторе класс который будешь им задавать через ПКМ => Add CSS Classname
3. Cгенерируй код со всеми нужными тебе параметрами и вставь его в блок т123 после всех зеро с магнитными элементами
2. Задай элементам и укажи в генераторе класс который будешь им задавать через ПКМ => Add CSS Classname
3. Cгенерируй код со всеми нужными тебе параметрами и вставь его в блок т123 после всех зеро с магнитными элементами
Инструкция
Важно!
- Применить эффект можно также и к стандартным блокам, если у тебя есть конкретный класс элементов к которым нужно будет применять модификацию (но вообще все стандартные блоки с ним я не тестировал, так как их очень много)
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
(Развернуть)
undefined
Скопировать код
Отчистить поля
Этот мод доступен по подписке
0
299
₽
₽
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню
123
Попробуй провести курсором рядом с кнопкой ниже чтобы увидеть как она магнитится
Пример работы модификации
Магнитная кнопка
Магнитная кнопка
Проведи курсором вниз по этой линии:)
⬇
⬇
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Магнитная кнопка
Опиши нужный функционал через эту форму и он будет добавлен!
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?