> ## 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).

# Transformation CSS

# Transformation CSS

Ouvrez la fenêtre d'édition du composant en cliquant sur [Modifier l'icône ](/en/article/builder-basics-1vmc59h/)  puis allez dans l'onglet "Styles". Développez ensuite la section "Transformer" accordéon. Et utilisez l'une ou l'autre des options.

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

### Rotation
Rotation de n'importe quel composant horizontalement, verticalement et dans l'axe z

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

### Échelle
Augmenter ou diminuer l'échelle de n'importe quel composant.

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

### Traduire
Traduire le composant horizontalement et verticalement.

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

### Obliquité
Incliner le composant horizontalement et verticalement.

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