在CSS中,除了常見的屬性如color、font-size等外,還有很多比較冷門但很實用的屬性。以下為你介紹其中一些屬性。
backface-visibility
該屬性用于設置當元素背面朝向觀測者時是否可見,一般用在3D變換時。取值有visible和hidden。
cursor
該屬性用于設置鼠標光標在元素上的樣式。常用取值有pointer(手形光標)和default(默認光標)。
clip-path
該屬性用于裁剪元素的顯示部分。可以使用一些預先定義好的圖形如circle(圓形)和polygon(多邊形),也可以使用自定義的SVG圖形,實現更加多樣化的剪裁效果。
object-fit和object-position
這兩個屬性分別用于設置元素內容(如img標簽)的展示方式和位置。可以取值為contain(盡量充滿但不拉伸)、cover(充滿并裁剪)、fill(充滿并拉伸)等等,使圖片在不同位置充滿容器中。
will-change
該屬性用于預告某個屬性即將被改變,以便瀏覽器對該變化進行優化處理。常見取值為transform(變換)和opacity(透明度)等等。
這些屬性只是冰山一角,CSS的奧妙還有很多等待著我們去探索。