Плавные переходы между страницами в CSS? Теперь это возможно! 🚀

С появлением нового свойства @view-transition CSS выходит на новый уровень. Теперь можно создавать нативные анимации при переходе между страницами — без костылей и JS-фреймворков.

🧩 Что это такое? @view-transition — это часть View Transitions API, которая позволяет браузеру автоматически анимировать изменение DOM при навигации между страницами.

💡 Как использовать?

Достаточно добавить:

@view-transition {   navigation: auto; }

И браузер сам обработает переход между страницами, создавая плавную анимацию (например, эффект растворения контента). Работает на уровне истории браузера — window.location, <a href>, history.pushState().

✅ Поддержка Chrome/Edge/Opera (на базе Chromium): Полная поддержка с версий 115+ (включая кросс-документные переходы). Safari 16+ - может работать не стабильно.

Подходит как прогрессивное улучшение, можно уже использовать.