CSS3 中的圖片疊加濾鏡是一種非常有用的特性,它可以讓我們在圖片上添加一些視覺效果,比如色彩飽和度的變化、模糊、透明度的調整等等。這里我們來介紹一些常用的圖片疊加濾鏡。
首先是色彩飽和度的變化。我們可以使用如下代碼:
.img { filter: saturate(2); }這里的 saturate 代表飽和度,數字越大,飽和度就越高。這樣的代碼可以讓圖片變得更加鮮艷。 其次是模糊效果。我們可以使用如下代碼:
.img { filter: blur(2px); }這里的 blur 代表模糊程度,數字越大就越模糊。這樣的代碼可以讓圖片變得更加柔和。 最后是透明度的調整。我們可以使用如下代碼:
.img { filter: opacity(0.5); }這里的 opacity 代表透明度,數字越小就越透明。這樣的代碼可以讓圖片變得更加半透明。 總之,CSS3 中的圖片疊加濾鏡可以讓我們實現許多酷炫的效果,這里只是介紹了一些常見的濾鏡,希望可以給大家帶來一些啟發。
上一篇css3 圖片 跳動
下一篇css3 圖標 滑過