jquery - 在css过渡JQUERY期间获取元素的背景属性

Question

我有一个元素，我用 jquery 向其中添加类，以便为背景属性设置动画/执行 CSS 转换。我的目标是在过渡过程中暂停过渡，我想也许我可以通过获取元素的当前背景属性然后将 css 设置为获得的那些属性来做到这一点。

HTML

  <div id="productimage">       
   </div>

CSS

#productimage {
    -webkit-transition: all 2.5s ease-out; -moz-transition: all 2.5s ease-out; -o-transition: all 2.5s ease-out;

}

#productimage.step2 {
    background-size:1500px 2275px;
    background-position: 30% 30%;
}

#productimage.step3 {
    background-image: url("../img/blusen-back.jpg");
    background-size:396px 600px;
    -webkit-transition: all 2.5s ease-out; -moz-transition: all 2.5s ease-out; -o-transition: all 2.5s ease-out;
}

Answer 1

要获取背景的属性，您可以使用：

element.css()

链接在这里

还有一个 JSFiddle：链接

希望这可以帮助

Answer 2

 $(function() {
    $('#giveMetheCurrentStyle').click(function() {
        var obj, matrix;
        obj = document.getElementById('circle');
        matrix = getComputedStyle(obj).getPropertyValue('transform');
        console.log(matrix);
        //$("#myDiv").css('transform', matrix)

        });
});  

在这里阅读更多http://dev.opera.com/articles/view/understanding-3d-transforms/