Итак, я сделал несколько элементов, анимировал их с помощью CSS и добавил некоторые функции с помощью JS.Вот его версия jsfiddle:
https://jsfiddle.net/weeznismen/4frt72s3/
Сейчас я пытаюсь замедлить анимацию, когда пользователь наводит курсор на внутренний круг или отображаемый текст.Прямо сейчас свойство CSS
animation-duration
изменяется при наведении на большее число, поэтому оно замедляется, а когда курсор покидает его, оно возвращается к исходному, чтобы снова ускориться.Проблема в том, что это быстро, и я пытаюсь добиться плавного перехода от замедленной анимации к ускорению и наоборот.Есть идеи?