width/height after transform

Question

How do I retrieve the width and height properties after I\'ve applied transform: rotate(45deg);?

Like, 11x11 square after rotation becomes 17x17 (Chrome

Answer 1

I'm writing this answer since you have tagged JQuery.

Jquery takes in to consideration the transform factors when calculating dimensions.

So, if you use

$('mySelector').width()

it will give you the actual width. Same goes with height(), left() and top()