css - 动画显示块不显示任何内容-CSS

不显示以显示块动画是有效的
但我也需要动画以这种方式工作
-动画显示块不显示

当动作从块变为不显示时，动画不起作用

知道可能是什么问题？

#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);
  }
}

最佳答案

显示不是动画属性



有两类可动画的属性和不可动画的属性

您可以从此处查看动画属性列表：

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties