How to rotate the synchronized / refreshed icon (EL icon refresh)

Use scenarios ：
When synchronizing data icon I hope it can turn

<i class="el-icon-refresh" 
style="font-size: 22px;
animation: rotating 2s linear infinite reverse;">
</i>

The explanation is as follows ：
.animation-direction You can control the direction of rotation ：
reverse Anti-clockwise
nomal Clockwise
alternate Intermittent replacement （ One clockwise, one counterclockwise ）