Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь
Эффект 3D-карточек при наведении
Добавляет эффект 3D-поворота карточек в Zero-блоке с настраиваемой анимацией
Инструкция по установке
- 1Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.0.5/tilt.min.js"></script>- 1
- 2Создайте Zero-блок и добавьте в него карточки, для которых будет применён эффект
- 3Задайте фоновому шейпу внутри каждой карточки класс .uc-tiltЕсли вы планируете использовать на странице несколько блоков с таким эффектом, задайте карточкам в каждом блоке разные классы, например, .uc-tilt1, .uc-tilt2 и т. д.
- 4Объедините элементы карточек в группы с типом группировки Object
- 5Задайте в настройках модификации класс карточек и параметры их анимации
- 6Скопируйте код и вставьте его в блок T123 в конец страницы
Видео скоро появится…
Настройки модификации
Настройки модификации
Класс карточек:
Блики при повороте:
Скорость поворота:
Макс. угол поворота:
Если включить, при повороте края карточек будут становиться светлее
Чем больше значение, тем сильнее вращается карточка
<script>tilt.init(".uc-tilt")</script>© 2024 Максим Постников. Все права защищены.
Обо мне
Проекты
Блог
Связаться
Модификации
Максим Постников
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис