CSS中的filter屬性可以用來對元素進行圖形處理。使用filter屬性可以實現(xiàn)一些很酷的效果,比如模糊、調整亮度、飽和度、色相、對比度等等。
.my-element{ filter: blur(5px);//模糊5個像素 }
上面的代碼中,我們使用了blur函數(shù)來實現(xiàn)對元素進行5像素的模糊處理。
.my-element{ filter: brightness(1.5);//增加亮度 by 50% }
使用brightness函數(shù)可以增加元素的亮度。上面的代碼中,我們將亮度增加了50%。
.my-element{ filter: saturate(2);//飽和度增強 }
使用saturate函數(shù)可以增強元素的飽和度。上面的代碼中,我們將飽和度增強了2倍。
.my-element{ filter: hue-rotate(90deg);//將顏色旋轉 }
使用hue-rotate函數(shù)可以將元素的顏色旋轉。上面的代碼中,我們將顏色旋轉了90度。
.my-element{ filter: contrast(200%);//調整對比度 }
使用contrast函數(shù)可以調整元素的對比度。上面的代碼中,我們將對比度增加了200%。
使用filter屬性可以實現(xiàn)很多效果。通過不同的組合方式,我們可以創(chuàng)造出各種酷炫的效果。