Видел когда-нибудь плавную перестройку сетки при изменении размера окна? Браузер Brave использует такую анимацию на своей стартовой странице, и теперь можно повторить этот эффект без View Transitions.
Секрет в комбинации CSS Anchor Positioning и обычных CSS Transitions. Нужно создать дополнительный враппер внутри каждой ячейки сетки, который будет служить якорем для контента, а затем анимировать перемещение элементов при изменении макета.
Отличный способ добавить интерактивности адаптивным интерфейсам и сделать пользовательский опыт более плавным и приятным
🔥Ссылка на статью
Заметки Фронтендера & Max