> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# CSS Transform

# CSS Transform

Open the editing modal of the component by clicking [Edit Icon](/en/article/builder-basics-1vmc59h/)  then go to "Styles" tab. Then expand the **"Transform"** accordion. And use any of the options. 

${youtube}[CSS Transform Video](MXrxhy9H1GE)

### Rotate
Rotate any component horizontally, vertically, and in z-axis

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-12081_1jaiglo.png)

### Scale
Scale up and down any component.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-12101_ihj13w.png)

### Translate
Translate component horizontally and vertically. 

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-10950_38592g.png)

### Skew
Skew component horizontally and vertically. 

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-11153_16tj6fj.png)