CSS3 中的圖片疊加濾鏡是一種非常有用的特性,它可以讓我們?cè)趫D片上添加一些視覺(jué)效果,比如色彩飽和度的變化、模糊、透明度的調(diào)整等等。這里我們來(lái)介紹一些常用的圖片疊加濾鏡。
首先是色彩飽和度的變化。我們可以使用如下代碼:
.img { filter: saturate(2); }這里的 saturate 代表飽和度,數(shù)字越大,飽和度就越高。這樣的代碼可以讓圖片變得更加鮮艷。 其次是模糊效果。我們可以使用如下代碼:
.img { filter: blur(2px); }這里的 blur 代表模糊程度,數(shù)字越大就越模糊。這樣的代碼可以讓圖片變得更加柔和。 最后是透明度的調(diào)整。我們可以使用如下代碼:
.img { filter: opacity(0.5); }這里的 opacity 代表透明度,數(shù)字越小就越透明。這樣的代碼可以讓圖片變得更加半透明。 總之,CSS3 中的圖片疊加濾鏡可以讓我們實(shí)現(xiàn)許多酷炫的效果,這里只是介紹了一些常見(jiàn)的濾鏡,希望可以給大家?guī)?lái)一些啟發(fā)。