Генератор 3D flip карточки

Лицевая сторона
Обратная сторона

Нажмите на карточку, чтобы перевернуть

Пресеты
Направление переворота
Длительность s
Расстояние перспективы px
Вывод CSS

Генератор 3D flip карточки

Анимация переворота через preserve-3d. Клик по превью переворачивает карточку.

  • 9 пресетов: standard, fast, slow, vertical, deep/shallow, widescreen…
  • Горизонталь (ось Y) или вертикаль (ось X)
  • Настройка длительности и perspective
  • Полный CSS сцены / карточки / сторон