对空闲时的React组件进行动画处理以从左向右浮动并在悬停时停止

Question

我主要是有限元专家，但是我变得坚强，我被要求制作一个反应组件的动画，该组件在屏幕上什么都没有发生时处于闲置状态，当10秒开始从左向右缓慢移动时，并采取了一些措施在键盘上慢慢移至页面中心。是否有人在React或CSS动画方面对此有经验，或者对如何实现它有一些建议。 运动就是这样。但是如何使它朝中心移动，并在通过键盘按压或其他操作将鼠标悬停在中心时停止。

谢谢。