3D-наклон за курсором и переворот карточек Tilda
Два объёмных эффекта: реакция на положение мыши или оборот с дополнительной подписью.Подробнее о модеСвернуть описание
3D-наклон за курсором и переворот карточек Tilda
Два объёмных эффекта: реакция на положение мыши или оборот с дополнительной подписью.Что умеет мод
- Наклоняет карточку вслед за курсором и при необходимости добавляет световой блик.
- Позволяет выбрать переворот по горизонтальной или вертикальной оси.
- Оформляет оборот цветом или градиентом, заголовком и описанием.
- Применяет выбранный эффект к списку карточек с ограничением по блокам.
Как подключить
Выберите область
В «Где применять» ограничьте блоки по ID или общему классу, затем выберите сами карточки. Без ограничения .js-product охватывает карточки товаров всей страницы.
Настройте один эффект
Для наклона задайте угол, масштаб, перспективу и блик. Для переворота выберите ось, фон оборота и текст. Один набор настроек применяет один эффект ко всему списку.
Учтите телефон
При необходимости включите «Только на десктопе (мышь)». В этом режиме touch-устройства сохраняют обычные карточки. Важную информацию с оборота оставьте доступной и без наведения.
Опубликуйте и проверьте
Вставьте код в T123 после блоков. Проверьте движение, возврат в исходное состояние, переходы по ссылкам и новые карточки после фильтрации или дополнительной загрузки.
Что учитывать. У всех карточек одного набора настроек текст оборота общий. Мод не создаёт отдельное описание для каждого товара автоматически. Код подгружает GSAP, если библиотека ещё не подключена. Для одной карточки выбирайте один мод из семейства эффектов.
Вопросы и ограничения
Чем отличается от обычного 3D-эффекта?
Здесь угол наклона зависит от положения курсора. В простом 3D-конструкторе карточка переключается между двумя заранее заданными положениями.
Можно оставить на обороте только заголовок?
Да. Заполните заголовок и оставьте описание пустым. Проверьте, помещается ли текст на небольшой карточке.
Поддерживается вертикальный переворот?
Да. В настройках переворота можно выбрать вертикальную ось движения X или горизонтальный вариант Y.
Почему на телефоне карточка не переворачивается?
Проверьте режим работы только с мышью. При его включении устройства без наведения сохраняют исходный вид; обязательные сведения должны быть доступны без эффекта.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
