我想为这个 SVG 元素的转换设置动画。我希望这能奏效:
$(this).find('polygon').animate({
transform: "rotate(360)"
}, 5000);
最佳答案
检查这个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');
});
关于javascript - 使用 JQuery 动画旋转 SVG 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36868830/