將幾個屬性添加到CSS將改變

Question

我在我的css中使用will-change: transform加速元素動畫，我想知道是否有一種方法來添加多個屬性，即有變換和不透明度。

Answer 1

根據MDN和W3C可以通過使用逗號：

.element { 
    will-change: transform, opacity; 
} 

你可能已經意識到這一點，但爲了完整起見：

不要垃圾郵件將會在太多的屬性或元素上發生變化

看到will-change的常見初始反應是： sume這樣的代碼是一個好主意：

* {will-change：transform，opacity/*，... * /; }

畢竟，這告訴瀏覽器繼續並優化所有內容，這必須是正確的？

錯誤。瀏覽器已盡其所能地嘗試優化所有內容。明確告訴它沒有任何幫助，事實上它有能力造成很大的傷害;一些可能與意志改變相關聯的更強大的優化最終會使用大量機器資源，並且像這樣濫用會導致頁面變慢甚至崩潰。 [W3C]