在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() 

Here is the link

而且一個的jsfiddle：Link

希望這有助於

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/