关于类删除的完整动画

Question

我的项目中有类似的东西： http://codepen.io/anon/pen/AqfCg

如果单击切换，动画开始很好，但再次单击时，动画将停止，旋转立即设置为0。有什么方法可以让动画慢慢停止或至少等到旋转到0？

PS。我不寻找javascript / jquery解决方案，我希望它只是CSS3 + HTML（我只使用jquery来演示我想要实现的目标）

Answer 1

<强>更新 你有它！ http://codepen.io/anon/pen/amIhC

这主要是你想要的，只需要用css（和切换类）。