html - 类删除的完整动画

标签 html css animation css-transitions

我的元素中有类似的东西: http://codepen.io/anon/pen/AqfCg

如果你点击切换,动画开始很好,但是当你再次点击它时,动画停止并且旋转立即设置为 0。有什么方法可以使动画缓慢停止或至少等到 旋转到 0?

附言。我在寻找 javascript/jquery 解决方案,我希望它只是 CSS3+HTML(我使用 jquery 只是为了演示我想要实现的目标)

最佳答案

更新: 你有它! http://codepen.io/anon/pen/amIhC

这主要是您想要的,只需使用 css(并切换类)。

关于html - 类删除的完整动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20597375/

相关文章:

用于播放/暂停视频的 Javascript onclick 事件不起作用

html - 悬停时链接下的 CSS 三 Angular 形(没有 UL/LI/SPAN)?

silverlight - iPhone 喜欢在 Silverlight ListBox 上滚动

html - 带有 Javascript 的 HTML 和 CSS 模式图像

ios - Swift 4 - 为 alpha 和约束设置动画会影响其他组件的 alpha 值

css - SMIL 到 CSS 动画 : multiple animations on single element

html - 使用css将文本对齐到html代码中的网页顶部

html - 如何在 HTML/CSS 中设置百分比高度值

javascript - animate.css 动画之间的延迟

css - 延迟覆盖在鼠标移出时消失