CSS3 how to calculate height and width after scale

Question

Is there any jQuery solution that to find exact display height of the -webkit-transform: scale(0.7851);

the scale value may vary that is why looking for proper solution

Tested these options unfortunately didn't find solution yet :(

height()
innerHeight()
outerHeight()
outerHeight(true)

I think this issue only can fix one the basis of mathematics ;)

Once the animation had over, take the height() and width of the element. — , May 09 '13 at 17:10
It seems the `height()` and `width()` methods don't (yet) take CSS transformations into account. [It's a known issue](http://bugs.jquery.com/ticket/11114). I think the best solution is to scale the image in jQuery instead of in CSS, if you need jQuery to compute the end result. Otherwise, parse the `-webkit-transform` value and extract the scaling factor yourself. — Blazemonger, May 09 '13 at 17:13
Test these http://stackoverflow.com/questions/16405397/getting-height-of-scaled-image after the animation has ended. — RaphaelDDL, May 09 '13 at 17:16

Antony · Accepted Answer · 2013-05-09T17:25:38.543

37

element.getBoundingClientRect().height

See DEMO.

edited May 09 '13 at 17:25

answered May 09 '13 at 17:18

Antony

1 Answers1