Веб-страница | frontend, backend, fullstack, react, vue, javascript, typescript, css, html
IT и технологии · 17 июня 2026 г.
Почему 3D View Transition внезапно выглядит плоским — 17 июня 2026 г. в 11:22:31.803
Почему 3D View Transition внезапно выглядит плоским View Transition API легко продаётся красивыми демками: одна страница превращается в другую, карточки перелетают, всё плавно. А потом добавляете 3D-transform, и эффект почему-то схлопывается в обычную плоскую анимацию. На CSS-Tricks разобрали типичную ловушку: браузер создаёт отдельное дерево псевдоэлементов для перехода, и 3D-контекст там ведёт себя не так, как в исходной DOM-структуре. Приходится понимать ::view-transition-\*, transform-style, stacking context и то, где именно теряется глубина. Полезный текст, если вы уже пробовали View Transitions, но столкнулись с проблемами.