View Transitions API: полное руководство по плавным переходам в браузере

[CzarOfScripts]

За двадцать часов автор не перечитал свое творение? Поправьте оформления блоков кода.

[sergodeem]

Спасибо за внимательность, поправил оформление, теперь код читается лучше)

[DreamShaded]

согласно WCAG, prefers-reduced-motion необходим для снижения дискомфорта у пользователя, предотвратить головокружение, тошноту и тп, поэтому код внутри медиазапроса должен строго отключать, а не ускорять в разы анимацию.

Даже в комментариях `disable motion` указано, а не `make x10050 faster`, или вообще добавлять анимацию медиазапросом, а не показывать по умолчанию https://www.w3.org/WAI/WCAG21/Techniques/css/C39

[sergodeem]

Спасибо! Поправил.

[DreamShaded]

спасибо за статью!)