---
id: transforms
title: Transforms
layout: docs
category: APIs
permalink: docs/transforms.html
next: shadow-props
previous: layout-props
---
### Props

- [`decomposedMatrix`](docs/transforms.html#decomposedmatrix)
- [`transform`](docs/transforms.html#transform)
- [`transformMatrix`](docs/transforms.html#transformmatrix)






---

# Reference

## Props

### `decomposedMatrix`

Deprecated. Use the transform prop instead.

| Type | Required |
| - | - |
| DecomposedMatrixPropType | No |




---

### `transform`

`transform` accepts an array of transformation objects. Each object specifies
the property that will be transformed as the key, and the value to use in the
transformation. Objects should not be combined. Use a single key/value pair
per object.

The rotate transformations require a string so that the transform may be
expressed in degrees (deg) or radians (rad). For example:

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

The skew transformations require a string so that the transform may be
expressed in degrees (deg). For example:

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

| Type | Required |
| - | - |
| array of object: {perspective: number}, ,object: {rotate: string}, ,object: {rotateX: string}, ,object: {rotateY: string}, ,object: {rotateZ: string}, ,object: {scale: number}, ,object: {scaleX: number}, ,object: {scaleY: number}, ,object: {translateX: number}, ,object: {translateY: number}, ,object: {skewX: string}, ,object: {skewY: string} | No |




---

### `transformMatrix`

Deprecated. Use the transform prop instead.

| Type | Required |
| - | - |
| TransformMatrixPropType | No |