# Layout: how to use transform perspective, rotate settings

**URL:** https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850
**Category:** Questions about Thunkable X
**Tags:** design
**Created:** [March 18, 2019, 9:13pm UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850 "2019-03-18T21:13:51Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![badbrains](https://avatars.discourse-cdn.com/v4/letter/b/ba9def/32.png) [@badbrains](https://community.thunkable.com/u/badbrains)
#### Post date: [March 18, 2019, 9:13pm UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/1 "2019-03-18T21:13:51Z")

</div>

Hi I have been trying to get to grips with the settings under the perspective menu for a while now.  
In particular I need to be able to rotate an element by an exact number of degrees but the incrementation seems odd (does not follow either geometrical degrees (360 for a full rotation)  
or % (100 for a full turn, 50 for a 180 degree rotation)  
If anyone could help me out with this would be very grateful.  
Also I need to reverse the image in an element (flip) if possible.  
thanks in advance  
🙏

---

<div class="post-metadata">

### Author: ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)
#### Post date: [May 17, 2019, 1:24pm UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/2 "2019-05-17T13:24:56Z")

</div>

Hi there,

The number you enter to rotate a component along the X, Y or Z axis is actually the amount of radians you are rotating that element by!

When you are choosing an axis to rotate your component around, the X axis is straight across, the Y axis is straight up and down, and the Z axis can be imagined as going from the front of your phone to the back of your phone.

The following is a screenshot of three Buttons which have been rotated by 3.14 radians (180 degrees) around the X, Y and Z axis.

![Screenshot_20190517-141602_2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/3/b3237ccb754ab7050ec65d9da7387d2a07ad3e66.png)

---

<div class="post-metadata">

### Author: ![badbrains](https://avatars.discourse-cdn.com/v4/letter/b/ba9def/32.png) [@badbrains](https://community.thunkable.com/u/badbrains)
#### Post date: [May 19, 2019, 10:33am UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/3 "2019-05-19T10:33:18Z")

</div>

Thanks for this Jane. Appreciate your time I’m going to experiment with this now 👍

---

<div class="post-metadata">

### Author: ![krish05](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/krish05/32/200523_2.png) [@krish05](https://community.thunkable.com/u/krish05)
#### Post date: [October 14, 2022, 11:55am UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/4 "2022-10-14T11:55:29Z")

</div>

> [@jane](#):
>
> 3.14

I tried this, not working

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 15, 2022, 11:51am UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/5 "2022-10-15T11:51:56Z")

</div>

@krish0  
Please do not **spam** the forum with old posts. This is 3 years ago.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/layout-how-to-use-transform-perspective-rotate-settings/72850/6 "2024-11-08T12:13:41Z")

</div>


