Retrieving correct offsetTop and offsetLeft of an element after a CSS3 rotation

I'm looking for a way to get correct offsetTop / offsetLeft values (or similar) of an element after performing a transform rotation.

Is this possible? Are there any other element properties which i'm not aware of?

I have included an image which might help 开发者_开发技巧in explaining the issue.

---

CSS3's strange animations does not tell you the changed positions after you have performed a webkit transform animation.

However, this link might be of help.

How do I get the position of an element after css3 translation in JavaScript?

thanks