запускать ключевые кадры-анимацию по клику более одного раза
У меня есть div, что он имеет содержание изображения. Я хочу реализовать анимацию, когда я нажимаю на изображение, но это происходит только с первым щелчком мыши, а следующий щелчок по изображению неэффективен. В чем проблема и как я могу ее решить?
$(function () {
$('div.c').bind('mousedown', function () {
var $elem = $(this);
$elem.stop(true)
.css({ "-webkit-animation-name": "xi",
"-webkit-animation-duration": "3s",
"-webkit-animation-timing-function": "ease",
"-webkit-animation-delay": "1s",
})
})})
а также
@-webkit-keyframes xi{ 0% {
left: 100px;
}
40% {
left: 150px;
}
60% {
left: 75px;
}
100% {
left: 100px;
}}