新学习者的 css 动画，为什么在动画结束时淡出 div答案

【问题标题】：css animate for new learner, why fadeOut div back when end of the animate新学习者的 css 动画，为什么在动画结束时淡出 div
【发布时间】：2014-01-04 01:00:08
【问题描述】：

我正在学习css animate，并使用animate.css 运行一个简单的演示，但我很困惑的是为什么动画完成后fadeOut div 又出现了。

你可以看我的演示http://plnkr.co/edit/PpfweRh9xCzfzraep4ex

感谢您的帮助。

【问题讨论】：

标签： javascript html css animate.css

【解决方案1】：

如果你不想让它再次显示，请在动画后添加这一行：

var container = document.getElementById('yourID'); //yourID is the id of the div you want to fade
container.style.visibility = 'hidden';

【讨论】：

我想淡出，永不退缩

【解决方案2】：

因为 animate.css 有 @keyframes ，当 @keyframe 完成时，样式应用到这个动画完成

看起来像 animate.css ：jsfiddle.net/qATqn/

如果您想要样式，请继续查看：jsfiddle.net/V2gVe/

【讨论】：

【解决方案3】：

您需要为元素上的动画设置目标状态。因此，如果您希望它淡出，则需要添加 opacity: 0 以在完成后保持淡出。

【讨论】：