javascript - CSS3存储当前动画值

我有一个div正在做旋转动画，例如:

@-webkit-keyframes animateCamera {
    from {-webkit-transform: translateZ(300px) rotateY(0deg);}
    to {-webkit-transform: translateZ(300px) rotateY(360deg);}}
}

我想发生的是，当我触发一个事件(让我们说一个鼠标单击)时，我想将动画中当前的rotateY存储在变量中。例如，如果在动画在140度左右时触发click事件，则我希望将140度存储在变量中。有人知道如何返回当前的rotateY值吗？ tnx!

最佳答案

我会像其他任何CSS值一样押注您当前的轮换值。

Javascript:

var item = document.getElementById["yourId"];
var currentValueForAttribute = item.style.-attribute here-;