У меня есть что-то похожее на это в моем проекте: http://codepen.io/anon/pen/AqfCg
Если вы нажмете кнопку "Переключить", анимация начнется неплохо, но когда вы нажмете ее снова, анимация будет остановлена, и вращение будет установлено на 0 мгновенно. Есть ли способ заставить анимацию медленно останавливаться или, по крайней мере, ждать, пока не повернется на 0?
пс. Я не ищу javascript/jquery-решение, и я хочу, чтобы это был только CSS3 + HTML (я использовал jquery только для демонстрации того, чего я пытаюсь достичь)
ОБНОВЛЕНИЕ: Вот оно! http://codepen.io/anon/pen/amIhC
Это в основном то, что вы хотите, только с помощью css (и переключения класса).