因此，您想为显示属性做动画

display属性：css革命？

>

> CSS工作组最近批准了一项允许动画和过渡属性的提案，这是一个重大的发展。 这意味着我们可以在例如display和display: block>中平稳地进行动画过渡。 display: none

这提出了一个独特的挑战。 当前，设置

突然停止任何运行的动画。 将其添加回来重新启动它们。 规范阐明了：设置

终止动画； 从display: none更改display: none到另一个值会重新启动它们。display> none这种看似矛盾的行为最初表明该提案是不可行的。但是，关键是将优先考虑

>以外的任何显示值

。 这样可以防止@keyframes中断或重新启动动画，直到完全完成为止。 Miriam的解释（让我们称这些“ TOOT”，我们可以吗？ 动画仍然离散； >动画完成之后，我们在状态之间切换。 罗伯特·弗拉克（Robert Flack none初始框架优先级none，覆盖

，并允许动画在

之前完成。block noneMiriam的Mastodon示例使用过渡：block none 最初设置了>，从文档流中删除元素。 在悬停时，优先考虑>值，在不透明度过渡完成后启用过渡。

虽然这是一个重大进步，但仍有许多待解决。 与多个动画，无限动画，反向动画等的互动需要进一步考虑。 尽管如此，这是向前迈出的开创性一步！

>

以上是因此，您想为显示属性做动画的详细内容。更多信息请关注PHP中文网其他相关文章！