JQueryでスピンSVG要素をアニメ化する

Question

このSVG要素の変形をアニメーション化したいと思います。私はこれがうまくいきました：

$(this).find('polygon').animate({ 
    transform: "rotate(360)" 
}, 5000); 

Answer 1

これをチェックしてくださいJSFiddle私はあなたのために作った。あなたは余分なクラスを追加し、その余分なクラスにアニメーションを置くことができます。

.chevron.rotate { 
    -ms-transform: rotate(360deg); /* IE 9 */ 
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ 
    transform: rotate(360deg); 
} 

、その後はあなたのJavaScriptでこれを行う：

$('.rotate-btn').on('click', function() { 
    $('.chevron').addClass('rotate'); 
});