为什么父元素的显示隐藏会影响子元素的keyframe动画?

转载地址：https://www.imooc.com/wenda/detail/501565

我觉得是这个原因吧。设置为display:none的元素及内容不会被创建。所以每次切换的时候就是重新创建了一次，导致样式什么的会重新生效。

---

试试这个吧，动画执行完把样式删了。或者在别的什么时机把动画样式删了。

el.addEventListener('animationend', function () {
  el.classList.remove('zoom')
})