Как сделать 3D карточки при наведении в зеро блоке на Тильде?

Инструкция

Шаг 1.
Создай первую группу элементов, которая будет представлять лицевую сторону карточки. В этой группе добавьте необходимые элементы, такие как изображение, текст или кнопку. Присвойте этой группе класс, например, "front". Внимание! Задайте группе настройку «Object».

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

Шаг 2.
Создай вторую группу элементов для обратной стороны карточки. В этой группе также разместите нужные элементы, например, изображение, текст или другие элементы. Присвойте этой группе класс, например, "back". Внимание! Задайте группе настройку «Object».

Шаг 3.
Размести обе группы на нужной позиции в блоке, где хочешь видеть карточку на опубликованной странице. Наложи лицевую и обратную сторону друг на друга.

Шаг 4.
Если хочешь сделать ещё одну карточку — просто копируй существующую и поменяй классы.

Шаг 5.
Заполни поля генератора классами карточек, и не забудь указать скорость анимации в ms. Например: 3000.

Шаг 6.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.

Важно!

• Не указывайте класс для каждого элемента группы, достаточно задать класс только самой группе.
• Не ставьте настройку rotate. Настройка должна быть заблюрена. Для этого удалите значение и нажмите Enter.
• Внутри группы на обратной стороне карточки не должно быть подгрупп. Если сгруппировать элементы внутри группы, при перевороте карточки они могут не отобразиться.