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