CSS中有一個filter屬性,可以用來給元素應用一些濾鏡效果。其中一個常用的效果是將圖片變成灰色,讓圖片顯得更加樸素。
img{ filter:grayscale(100%); }
上述代碼中,grayscale函數將圖片的顏色全部轉換成灰色,而100%表示轉換成100%的灰度。如果點擊圖片,我們可以看到它原本的顏色。
除了灰度,CSS還支持其他一些濾鏡效果,例如模糊、透明、對比度等等。如果你想讓你的圖片變得更加有趣,可以試試這些效果。
上一篇css導航活躍時顏色
下一篇htmld css優先級