javascript - Get translate3d values of a div?

Question

Say a div has this applied to it:

-webkit-transform: translate3d(0px, -200px, 0px)

How could I retrieve those values with jQuery?

Answer 1

If you change the accepted answer's match() pattern to this it adds support for negative numbers:

$(el).css('-webkit-transform').match(/matrix(?:(3d)(-{0,1}d+(?:, -{0,1}d+)*(?:, (-{0,1}d+))(?:, (-{0,1}d+))(?:, (-{0,1}d+)), -{0,1}d+)|(-{0,1}d+(?:, -{0,1}d+)*(?:, (-{0,1}d+))(?:, (-{0,1}d+))))/)