Добавляет эффект переворота карточек при наведении, клике или нажатии на определенную кнопку
Инструкция по установке
Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
Создайте Zero-блок и добавьте в него карточки, которые будут переворачиваться (переднюю и заднюю сторону)
Объедините элементы карточек в группы с типом Object и присвойте передним карточкам класс .uc-flip и задним карточкам класс .uc-flip-back
Если вы планируете использовать на странице несколько блоков с таким эффектом, задайте карточкам в каждом блоке разные классы, например, .uc-flip1, .uc-flip1-back, .uc-flip2, .uc-flip2-back и т.д.
Расположите карточки в слоях в порядке возрастания
Первая карточка должна находиться в самом низу, а каждая следующая – на уровень выше. Первой передней карточке будет соответствовать первая задняя карточка. Задние карточки должны располагаться позади передних. См. пример
Задайте в настройках модификации поведение карточек и параметры их анимации
Скопируйте код и вставьте его в блок T123 в конец страницы