---
id: version-0.48-transforms
title: Transforms
category: APIs
permalink: docs/transforms.html
original_id: transforms
---
<div><noscript></noscript><h3><a class="anchor" name="props"></a>Props <a class="hash-link" href="docs/transforms.html#props">#</a></h3><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="decomposedmatrix"></a>decomposedMatrix?: <span class="propType">DecomposedMatrixPropType</span> <a class="hash-link" href="docs/transforms.html#decomposedmatrix">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="transform"></a>transform?: <span class="propType"><span>[<span><span><span>{<span><span>perspective: number</span></span>}</span>, </span><span><span>{<span><span>rotate: string</span></span>}</span>, </span><span><span>{<span><span>rotateX: string</span></span>}</span>, </span><span><span>{<span><span>rotateY: string</span></span>}</span>, </span><span><span>{<span><span>rotateZ: string</span></span>}</span>, </span><span><span>{<span><span>scale: number</span></span>}</span>, </span><span><span>{<span><span>scaleX: number</span></span>}</span>, </span><span><span>{<span><span>scaleY: number</span></span>}</span>, </span><span><span>{<span><span>translateX: number</span></span>}</span>, </span><span><span>{<span><span>translateY: number</span></span>}</span>, </span><span><span>{<span><span>skewX: string</span></span>}</span>, </span><span>{<span><span>skewY: string</span></span>}</span></span>]</span></span> <a class="hash-link" href="docs/transforms.html#transform">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="transformmatrix"></a>transformMatrix?: <span class="propType">TransformMatrixPropType</span> <a class="hash-link" href="docs/transforms.html#transformmatrix">#</a></h4></div></div></div>