Полная анимация при удалении класса

Question

Полная анимация при удалении класса

0

У меня есть что-то похожее на это в моем проекте: http://codepen.io/anon/pen/AqfCg

Если вы нажмете кнопку "Переключить", анимация начнется неплохо, но когда вы нажмете ее снова, анимация будет остановлена, и вращение будет установлено на 0 мгновенно. Есть ли способ заставить анимацию медленно останавливаться или, по крайней мере, ждать, пока не повернется на 0?

пс. Я не ищу javascript/jquery-решение, и я хочу, чтобы это был только CSS3 + HTML (я использовал jquery только для демонстрации того, чего я пытаюсь достичь)

ewooycom 15 дек. 2013, в 18:22

Источник

0

Я сомневаюсь, что это возможно без JS ... У меня, однако, есть решение, если бы вы использовали переходы, а не анимации.
Josh Crozier 15 дек. 2013, в 17:20
0

@JoshC Если я могу сделать бесконечное вращение с переходом, я в порядке с этим, пожалуйста, поделитесь, если у вас есть решение. Спасибо!
ewooycom 15 дек. 2013, в 17:24
0

Но вы все еще используете JQuery для переключения класса правильно?
Markus Kottländer 15 дек. 2013, в 18:05
0

@MarkusKottländer MarkusKottländer Я на самом деле использую angular, я использовал jQuery только на codepen, чтобы продемонстрировать, что я делаю.
ewooycom 15 дек. 2013, в 18:13
0

То есть переключение класса - это единственное, что вы хотите сделать с помощью JavaScript?
Markus Kottländer 15 дек. 2013, в 18:16
0

@MarkusKottländer MarkusKottländer Это мой план, но если я не смогу сделать это только с помощью CSS. Я просто буду использовать JavaScript.
ewooycom 15 дек. 2013, в 18:21
0

Решение приходит ...
Markus Kottländer 15 дек. 2013, в 18:50

Показать ещё 5 комментариев

Теги:

html

css

css3

animation

css-transitions

1 ответ

Ещё вопросы

Я сомневаюсь, что это возможно без JS ... У меня, однако, есть решение, если бы вы использовали переходы, а не анимации.
@JoshC Если я могу сделать бесконечное вращение с переходом, я в порядке с этим, пожалуйста, поделитесь, если у вас есть решение. Спасибо!
Но вы все еще используете JQuery для переключения класса правильно?
@MarkusKottländer MarkusKottländer Я на самом деле использую angular, я использовал jQuery только на codepen, чтобы продемонстрировать, что я делаю.
То есть переключение класса - это единственное, что вы хотите сделать с помощью JavaScript?
@MarkusKottländer MarkusKottländer Это мой план, но если я не смогу сделать это только с помощью CSS. Я просто буду использовать JavaScript.

Markus Kottländer · Accepted Answer · 2013-12-15T17-00-00.000Z

ОБНОВЛЕНИЕ: Вот оно! http://codepen.io/anon/pen/amIhC

Это в основном то, что вы хотите, только с помощью css (и переключения класса).