Если указать will-change: transform, то браузер будет готовиться к применению оптимизаций для свойств transform, таких как rotate, scale и translate. Это может привести к улучшению производительности анимации.
Однако, важно отметить, что указание will-change может потребовать дополнительных вычислительных ресурсов и может быть нецелесообразно для небольших анимаций или на медленных устройствах.
Относительно новых свойств, доступных для использования в CSS, есть несколько предложений:
1. rotateX(), rotateY(), rotateZ(): эти функции позволяют вращать элемент вокруг осей X, Y и Z соответственно. Они расширяют возможности простого свойства rotate и позволяют более точное управление вращением элемента.
2. scale3d(): это функция позволяет масштабировать элемент в трехмерном пространстве. Она принимает три аргумента: значение по оси X, значение по оси Y и значение по оси Z.
3. translate3d(): эта функция позволяет выполнять трехмерную трансляцию элемента. Она принимает три аргумента: значение по оси X, значение по оси Y и значение по оси Z.
Эти новые свойства позволяют создавать более сложные и разнообразные анимации, основанные на трансформациях элементов.