CSS轉換 - 更改屬性不改變的時機

Question

我在與CSS過渡

img { 
    transition:all 5s ease-out; 
} 

旋轉圖像，在某些時候（S）（randomy）與jQuery

$('img').css({'transform':'rotate('+2000+'deg)'}); 

觸發它旋轉我想改變旋轉的方向。圖片應該繼續當前寬鬆和當前持續時間。這可能嗎？

Answer 1

你試過類似的東西嗎？

div { 
    background: red; 
    width: 100px; 
    height: 100px; 
    transition: all 5s ease-out; 

} 

div.rotateRight { 
    transform: rotate(200deg); 
} 

div.rotateLeft { 
    transform: rotate(-200deg); 
} 

$('div').addClass('rotateRight'); 

setTimeout(function() { 
    $('div').addClass('rotateLeft'); 
},4000); 

https://jsfiddle.net/o3pg8d1d/