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