因此，您想為顯示屬性做動畫

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中文網其他相關文章！