阶级删除完成的动画

Question

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

如果单击切换，动画开始不错，但是当你再次点击，动画停止，旋转设置为0，瞬间。有什么办法可以使动画停止缓慢或至少等到旋转到0？

ps。我不寻找的JavaScript/jQuery的解决方案，我想这是唯一的CSS3 + HTML（我用jQuery的唯一证明我是什么努力实现）

Answer 1

UPDATE： 有你有它！ http://codepen.io/anon/pen/amIhC

这主要是你想要的，只是与CSS（和切换类）。