Javascript css为新学员制作动画，为什么在动画结束时淡出缩回

我正在学习

css animate

，并使用

animate.css

运行一个简单的演示，但我不明白的是，为什么动画完成后会再次显示

fadeOut

div

你可以看到我的演示

---

感谢您的帮助。

如果您不想再次显示，请在动画后添加以下行：

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

---

因为animate.css有@keyframes，所以当@keyframe finish时，样式将应用于此anitmation finished

看起来它确实是animate.css:jsfiddle.net/qATqn/

---

如果希望保持样式，请查看：jsfiddle.net/V2gVe/

您需要为元素上的动画设置目标状态。因此，如果您希望淡出，则需要添加

不透明度：0

，以便淡出在完成后保持不变。