現在のCSS3を取得するアニメーションで翻訳する

Question

こんにちは、私はcss3アニメーションの現在のTranslateXを取得する方法を知りたいと思います。

私はこのアニメーションがあります。

@-webkit-keyframes pictureTransition { 
    from,5% {-webkit-transform:translateX(0px);} 
    10%,25% {-webkit-transform:translateX(-1024px);} 
    30%,45% {-webkit-transform:translateX(-2048px);} 
    50%,65% {-webkit-transform:translateX(-3072px);} 
    70%,85% {-webkit-transform:translateX(-4096px);} 
    90%,to {-webkit-transform:translateX(-5120px);} 
} 

をし、私がクリックしたときに、アニメーションで現在の移動Xを取得し、さらに使用するための変数に保存することがボタンを持っています。何か案は？ここで

Answer 1

は、私はそれを行うだろうかです：あなたはこれで、現在の移動X値を得ることができる必要がありますGet the value of -webkit-transform of an element with jquery

Answer 2

：http://jsfiddle.net/joshnh/dCSBU/

コードから使用

var transformX = new WebKitCSSMatrix(window.getComputedStyle([YOUR ELEMENT HERE]).webkitTransform).m42; 

をこの方法で、あなたドン文字列とそのすべてのジャズを分割する必要があります... m42はXの行列値、m41はYの行列値です

を参照してください詳細はをご覧ください。