Преобразования

Преобразования — это свойства стиля, которые помогут вам изменить внешний вид и положение ваших компонентов с помощью 2D или 3D преобразований. Однако после применения преобразований макеты остаются неизменными вокруг преобразованного компонента, поэтому он может перекрывать соседние компоненты. Вы можете применить отступ к преобразованному компоненту, соседним компонентам или отступы к контейнеру, чтобы предотвратить такие перекрытия.

• Компонент функции
• Компонент класса

Справочник

Методы

transform()

transform принимает массив объектов преобразования. Каждый объект определяет свойство, которое будет преобразовано, в качестве ключа, и значение, используемое в преобразовании. Объекты не должны комбинироваться. Используйте одну пару ключ/значение на объект.

Преобразования поворота требуют строки, чтобы преобразование можно было выразить в градусах (град) или радианах (рад). Например:

transform([{ rotateX: '45deg' }, { rotateZ: '0.785398rad' }]);

Преобразования наклона требуют строки, чтобы преобразование можно было выразить в градусах (град). Например:

transform([{ skewX: '45deg' }]);

decomposedMatrix, rotation, scaleX, scaleY, transformMatrix, translateX, translateY

Устарело. Используйте свойство transform вместо этого.