Что делает will-change?

Middle
153 просмотров
AFK Offer AI

will-change подсказывает браузеру, какое свойство будет анимироваться, чтобы он заранее оптимизировал рендеринг — выделил отдельный слой на GPU. Например, will-change: transform перед анимацией. Но злоупотреблять нельзя — каждый will-change потребляет память GPU. Ставить на всё подряд или на body — антипаттерн. Лучше добавлять через JS перед анимацией и убирать после. В большинстве случаев CSS-анимации с transform/opacity и так оптимизируются браузером.

Следующий вопрос

Как управлять фокусом для accessibility?