使用簡寫轉換多個CSS 屬性
在CSS 中,transition 屬性提供了一個方便的簡寫來同時轉換多個屬性。這可以簡化您的程式碼並使其更加簡潔。要使用簡寫,請遵循以下語法:
請注意,如果指定,持續時間必須先於延遲。
將簡寫轉換應用於特定屬性:
全部轉換屬性:
您可以使用以下簡寫轉換所有屬性:
示例:
考慮以下範例:
在此範例中,新增show 類別將導致元素改變其高度
注意:過渡的兼容性非常好(全局94%以上),因此使用它通常是安全的。如果您擔心相容性,請參閱 https://caniuse.com/css-transitions。
以上是如何使用 CSS 簡寫同時轉換多個屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!