Создать в Framer.com мобильную посадочную страницу с анимированной карточкой:
На экране размещается одна карточка (Card).
При нажатии на карточку происходит анимация переворота (по оси Y).
На лицевой стороне (CardFront) — изображение.
На обратной стороне (CardBack) — текст с деталями.
Анимация должна быть плавной (0.8s, Ease In Out) и работать по принципу "туда и обратно" (Toggle).
При перевороте картинка (CardFront) должна исчезать (Opacity 0), а текст (CardBack) становиться видимым (Opacity 1).
Все слои (CardFront, CardBack) расположены абсолютно (Position: Absolute) внутри карточки.
Использовать 3D-поворот с Preserve 3D на карточке.
Настроить правильное начальное состояние элементов (Opacity и Rotate Y).
Обеспечить полную адаптивность карточки для мобильных устройств (80% ширины экрана, Max Width 300px).
Опубликован 26.04.2025 в 14:51
Заказ находится в архиве