Добрый день, тостерчане.
Вопрос интересный.
Есть элемент, который при наведении на него мышкой, начинает анимироваться: js ему добавляет класс, для которого прописаны кейфреймы - всё стандартно.
Пример в jsfiddle (живой пример
test7.tsymbal.su/service.php ). Наведите мышкой на колесо справа над блоком "Резка труб".
Элемент циклично вращается, до тех пор пока мы не отводим мышку в сторону. Класс удаляется и, соответственно, элемент резко возвращается в исходное положение.
А хотелось бы, чтобы:
а) анимация сохранялась до завершения полного круга, и, в итоге элемент возвращался бы к первоначальному состоянию, а затем останаливался.
б) происходило плавное замедление и остановка на любом кадре.
Принимаются любые наводки, костыли (в т.ч. иноязычные), лайфхаки, новые стандарты css. :)
Простой
Средний