CSS3 rotate3d pr rotateX get actual height of element

user_673223 0
Viewed 1514

I want to get actual height of element when rotated 3d on x axis. I'll try to explain with graphics below:

Element's normal height: 200px enter image description here

Actual height is 118px when rotate 45 degree with 100px perpective: enter image description here

Actual height is 138px when rotate 45 degree with 1000px perpective: enter image description here

Normal formule for calculate this height value (without perpective):

x = h * sin(angle)

Height must 142px with this formule. But it's diffrent from this value. Probably perspective changes height. But I don't find any formule for calculate this height.

Does anyone have any idea?

css-transforms perspective css javascript
1 Answers
Related