Get 'translateX' position in jQuery

Question

This code sets the translateX position:

 var pos = -500px;
 $(.slide).css('-webkit-transform',  "translateX(" + pos+ "px)");

but, the following code does not get the translateX position:

 var currTrans = $(".slide").css('-webkit-transform', "translateX()");

Why? What is the correct way to get the value then?

Answer 1

Try this,

var pos = -500;
 $('.slide').css('-webkit-transform',  'translateX(' + pos+ 'px)');

var currTrans = $('.slide').css('-webkit-transform').split(/[()]/)[1];
var posx = currTrans.split(',')[4];

Upadate:

Demo link jsfiddle