Существует две заданных анимации -- вращения объекта на 180 градусов по часовой и обратная, что возвращает положение объекта в исходное состояние. Всё прекрасно работает везде, кроме IE и EDGE; в последних появляется незапрограммированная анимация отдаления. Это случается когда было повторное наведение на объект без ожидания окончания действия предыдущей анимации. Используется библиотека SNAP.SVG. Что делаю не так?
jsfiddle.net/b1Lhjo4kvar svgElement = Snap("#svg");
var pent = svgElement.select('#pentagram-one');
var hoverover = function() {
pent.stop().animate({transform: 'r180,500,515'}, 400);
};
var hoverout = function() {
pent.stop().animate({transform: 'r0,500,515'}, 400);
};
pent.hover(hoverover, hoverout);