CSS3 filter屬性指的是一種可用于添加視覺效果的CSS屬性。使用這種屬性,可以為網(wǎng)頁添加濾鏡效果,如模糊、顏色控制等,進一步改善網(wǎng)頁視覺效果和用戶體驗。
.box { filter: blur(3px); }
如上述代碼所示,使用filter屬性,可以為class名為box的元素添加模糊效果。這里,blur是CSS3中新增的一個濾鏡函數(shù),括號中的3px表示模糊半徑。
除了模糊效果以外,CSS3 filter屬性還提供了其他的濾鏡函數(shù),如下:
.box { filter: grayscale(100%); filter: sepia(100%); filter: saturate(200%); filter: hue-rotate(90deg); filter: invert(100%); filter: opacity(50%); filter: brightness(50%); filter: contrast(200%); }
這些函數(shù)可以用于控制網(wǎng)頁顏色、亮度、對比度等屬性,并實現(xiàn)一些特效,如黑白照片、水墨畫等。更多關于CSS3 filter屬性的用法,可以在W3School上查閱相關文檔。