所以从根本上讲，我制作了一些元素，并使用CSS对其进行了动画处理，并使用JS添加了一些功能。这是它的jsfiddle版本：
https://jsfiddle.net/weeznismen/4frt72s3/
现在，当用户将鼠标悬停在内圆或显示的文字上时，我正在努力降低动画的速度。现在，CSS属性
animation-duration
将鼠标悬停更改为较大的数字，以使其变慢，并且当光标离开它时，它将变回原始速度以再次加速。问题是它很活泼，我正在尝试实现从放慢的动画到加速的平滑过渡，反之亦然。有什么想法吗？