See what you can do with 3D transforms
Do anything a developer can. Without writing code. And combine your transforms with Webflow Interactions.
Move in 3D
Layer elements along the Z-axis by adding space between them.
Show Webflow UI
![](https://assets.website-files.com/566fb9dc1b4525b47c0c2505/592ff7be6c534e61e392d37b_566764a7ef4b0a135825b9d3_Screen%20Shot%202015-12-08%20at%203.15.16%20PM.png)
Move (translate) transform settings
Rotate in 3D
Rotate an element along its horizontal and / or vertical axes.
Show Webflow UI
![](https://assets.website-files.com/566fb9dc1b4525b47c0c2505/566fb9dc1b4525b47c0c252a_Screen%20Shot%202015-12-08%20at%203.18.19%20PM.png)
Rotate transform settings
Apply perspective
Play with perspective to intensify your 3D effects.
Show Webflow UI
![](https://assets.website-files.com/566fb9dc1b4525b47c0c2505/592ff8246c534e61e392d3a2_5667677cef4b0a135825b9d4_Screen%20Shot%202015-12-08%20at%203.27.07%20PM.png)
Setting Children Perspective on an element will affects all of its children that have 3D transforms
![](https://assets.website-files.com/566fb9dc1b4525b47c0c2505/592ff84d723a917fb93de7c2_566768d0ef4b0a135825b9d5_Screen%20Shot%202015-12-08%20at%203.33.03%20PM.png)
Setting Self Perspective on an element will only add perspective to itself (if it has 3D transforms)