动画显示块不显示-CSS

Question

不显示任何内容以显示块动画正在工作但我也需要动画以这种方式工作-动画显示块，不显示任何内容

动作从块转到无显示时动画不起作用

知道可能是什么问题？

#dboldDiv,#dbnewDiv {
 animation: anim .4s ease-in-out;
}
@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

Answer 1

display:none将无法顺利运行。对于流畅消失，请尝试使用visibility:hidden，或者如果仅保持0不透明度并添加pointer-events:none，则该对象不会捕获任何鼠标事件。