Родителю с perspective: 800px и детям transform-style: preserve-3d + rotateY(180deg) на обороте — классический flip тарифа.
На :focus-visible вместо :hover — клавиатура и touch с prefers-reduced-motion.
- [transform-style — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style) — 3D rendering context.
- [perspective — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/perspective) — Глубина сцены.
---
## backface-visibility
backface-visibility: hidden на лицевых сторонах скрывает зеркальный текст на обороте.