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

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

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

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

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

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

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

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

Важно!

• Не указывайте класс для каждого элемента группы, достаточно задать класс только самой группе.
• Не добавляйте дополнительную анимацию для карточек — ни базовую, ни пошаговую.
• Не ставьте настройку rotate. Сделайте настройку полупрозрачной: удалите значение, нажмите Enter — должно остаться значение 0 и полупрозрачность.
• В слоях лицевая сторона карточки должна быть выше обратной стороны.
• Внутри группы на обратной стороне карточки не должно быть подгрупп. Если сгруппировать элементы внутри группы, при перевороте карточки они могут не отобразиться.
• Также не включайте настройку Auto Layout для групп на обратной стороне карточки — это может привести к тому, что элементы не отобразятся при перевороте.
• По умолчанию z-index карточек = 1111111. Если карточки налезают на другие элементы (например, на шапку сайта), поменяйте z-index с помощью модификации NLM102. Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой.