CSS的濾鏡設置是一種非常強大的技術,它可以幫助我們在網頁設計中實現許多吸引人的效果,比如給圖片添加陰影、模糊等。下面就是一些常用的CSS濾鏡設置代碼。
1.使用灰度濾鏡設置圖片變灰
img { filter: grayscale(100%); }
2.使用模糊濾鏡設置圖片模糊
img { filter: blur(5px); }
3.使用對比度濾鏡設置圖片對比度
img { filter: contrast(200%); }
4.使用飽和度濾鏡設置圖片飽和度
img { filter: saturate(200%); }
5.使用亮度濾鏡設置圖片亮度
img { filter: brightness(50%); }
總之,如果你想讓你的網站看起來更吸引人,不妨試試使用CSS濾鏡設置來增加一些效果。
上一篇css火狐兼容性