Html 当初始状态为“显示：无”时，为什么使用“动画”属性设置不透明度动画有效？ 使用动画

当

.child

最初设置为

display时，以下动画将设置其不透明度：无


正文{
保证金：0；
}
@关键帧淡出{
到{
不透明度：0；
}
}
.包装纸{
宽度：100vw；
高度：100vh；
}
.wrapper.孩子{
宽度：200px；
高度：200px；
背景色：红色；
显示：无；
}
.wrapper:hover.child{
显示：块；
动画：淡出1秒，轻松前进；
}
添加作为回答，以帮助将来的访问者

来自此链接：以下是相关部分：

主要区别在于，当属性值更改时（例如，当悬停时属性值更改），转换会隐式触发，而当应用动画属性时，动画会显式执行

这是
过渡
和
动画
之间的一个重要区别

这里有一个关于
display:none
和设置
display:block
后的转换（如用户David的评论中所述）的相关答案：
以及关于动画的更多信息：“主要区别在于，当属性值更改时，转换会隐式触发（例如，当属性值在悬停时更改时），动画将在应用动画属性时显式执行。”@disfor谢谢，这就是我要找的