如何反转这个CSS旋转动画

Question

这是我的代码：

sendmail

这对于将箭头旋转90度然后停留非常有效，但当我将其悬停时，它会快速回到原位而不是向后旋转。

Answer 1

您可以在默认样式

上使用以下内容

transform: rotate(0deg);
transition: 0.3s;

以及关于悬停状态的以下内容

transform: rotate(90deg);
transition: 0.3s;

此处示例：https://jsfiddle.net/dt98evye/

Answer 2

使用animation-fill-mode：both;

这将在两个方向上运行动画。