使用JavaScript减慢/加快CSS动画的速度

时间:2019-07-10 08:36:36

标签: javascript html css css-animations

所以从根本上讲,我制作了一些元素,并使用CSS对其进行了动画处理,并使用JS添加了一些功能。这是它的jsfiddle版本:

https://jsfiddle.net/weeznismen/4frt72s3/

现在,当用户将鼠标悬停在内圆或显示的文字上时,我正在努力降低动画的速度。现在,CSS属性

animation-duration

将鼠标悬停更改为较大的数字,以使其变慢,并且当光标离开它时,它将变回原始速度以再次加速。问题是它很活泼,我正在尝试实现从放慢的动画到加速的平滑过渡,反之亦然。有什么想法吗?

0 个答案:

没有答案