完成类移除的动画

Question

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

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

ps。我不是在寻找javascript/jquery解决方案，我希望它只是CSS3+HTML（我使用jquery只是为了演示我试图实现的目标）

Answer 1

更新：给你！http://codepen.io/anon/pen/amIhC

这主要是您想要的，只需使用css（并切换类）。