Search code examples
javascriptjqueryhtmlcsswebkit-transform

CSS3 how to calculate height and width after scale


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 ;)


Solution

  • Use getBoundingClientRect().

    element.getBoundingClientRect().height
    

    See DEMO.