CSS | Will-Change



CSS Will Change позволяет подготовить браузер перед изменением состояния элемента. Это позволяет добавить определенную оптимизацию к сайту.



Например, если элемент будет изменен при клике, то установка will-change при наведении курсора на этот элемент даёт браузеру достаточно времени, чтобы подготовиться к этому изменению.



.element {

transition: transform 1s ease-out;

}

.element:hover {

will-change: transform;

}

.element:active {

transform: rotateY(180deg);

}