CSS3 Filter(CSS3濾鏡)是CSS3的一部分,它可以對HTML元素應用各種效果,比如模糊、顏色變化、其他圖像處理等等。通過濾鏡,開發者可以輕松地控制元素的外觀,從而實現各種炫酷的效果。
img{ filter: blur(5px);/*給圖片增加5像素高斯模糊*/ filter: grayscale(1);/*圖片變成灰色*/ filter: sepia(1);/*圖片變成深色調*/ filter: hue-rotate(180deg);/*圖片顏色反轉*/ filter: contrast(200%);/*圖片調高對比度*/ filter: drop-shadow(10px 10px 10px #000000);/*圖片下方呈現黑色陰影效果*/ }
Filter屬性還可以使用多個濾鏡。在此情況下,每個濾鏡按順序應用于元素。通過使用Filter屬性,可以為頁面增加對用戶更有吸引力的效果。