CSS3 濾鏡變色

CSS3 濾鏡可以讓開發(fā)者用一種簡單的方式對圖像進行調整和改變，比如對顏色進行修改。其中一個很實用的效果就是濾鏡變色，可以讓圖片變成我們想要的顏色。下面我們來看一下如何使用CSS3實現(xiàn)濾鏡變色。

.container {
filter: hue-rotate(90deg); /*這里是將圖片進行90度的色相調整*/
}

實現(xiàn)濾鏡變色方法如上，只需要在CSS樣式表中使用 filter 屬性即可。在這里，通過hue-rotate函數(shù)改變圖像的色相，值為90度，意思是讓圖片向紅色調整。代碼如下：

.container {
filter: hue-rotate(90deg);
}

效果示范如下：


以上就是使用CSS3 實現(xiàn)濾鏡變色的方法，只需要簡單的加入一段代碼，就可以輕松實現(xiàn)一款美觀的圖片變色效果。不過需要注意的是，filter 屬性是CSS3中的新特性，瀏覽器的支持程度可能會有所不同。可以在實際開發(fā)中根據(jù)自己的需求和實際情況來選擇是否使用把。