CSS中的filter屬性常用于圖像處理,可以改變圖像的顏色、透明度、模糊度等等。下面是一些常用的filter屬性及其設(shè)置方法。
/* 改變顏色 */ filter: hue-rotate(90deg); /* 調(diào)整亮度 */ filter: brightness(150%); /* 調(diào)整對(duì)比度 */ filter: contrast(200%); /* 翻轉(zhuǎn)圖像 */ filter: invert(100%); /* 高斯模糊 */ filter: blur(5px); /* 不透明度 */ filter: opacity(50%);
以上代碼中,我們可以看到使用filter屬性來完成各種常用的圖片處理效果,每個(gè)效果都有自己的屬性值。注意,filter屬性在某些瀏覽器上可能不被支持,為了兼容,請(qǐng)?jiān)谑褂们白屑?xì)測(cè)試。
除了以上的常用效果之外,還有很多其他的效果可以使用filter屬性來實(shí)現(xiàn),包括矩陣變換、陰影、指定顏色等等。有了filter屬性,我們就可以很輕松地對(duì)圖像進(jìn)行各種處理,為網(wǎng)站帶來更加炫目的效果。