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

Question

I saw this posted in 2 different forms on stackoverflow, but the solutions don\'t work for me.

Essentially, I have an item that I will translate. When I do a obj.st

Answer 1

Ok, hold tight because this is not nice:

window.addEventListener('load', function(){
  var node = document.getElementById("yourid");
  var curTransform = new   WebKitCSSMatrix(window.getComputedStyle(node).webkitTransform);
  console.log(node.offsetLeft + curTransform.m41); //real offset left
  console.log(node.offsetTop + curTransform.m42); //real offset top
});

You can play with it here:

http://jsfiddle.net/duopixel/wzZ5R/