黑白濾鏡是一種常見的CSS效果,它可以將彩色的圖像轉化為黑白圖像。通過CSS的 filter 屬性來實現這種效果。
img{ filter:grayscale(100%); }
在上面的代碼中,我們需要對 img 元素使用filter屬性來實現黑白效果。其中grayscale()函數接受一個從0到100的值,0表示完全無色,而100表示完全的灰度。
另外,我們也可以使用 CSS3 的 filter 屬性來實現一些更具創意性的黑白濾鏡效果。比如,我們可以通過帶有色調的黑白濾鏡來模擬老照片的顏色。
img{ filter: sepia(100%) grayscale(100%); }
上面的代碼中,我們使用了 sepia() 函數將圖像設置為帶有棕色色調的黑白圖像。這種濾鏡效果可以讓圖像看起來更加有質感和古老感。
總之,黑白濾鏡是一種簡單而有用的CSS效果,可以使我們的網站更加具有視覺沖擊力,讓訪問者對我們的網頁印象更加深刻。
上一篇鼠標按下改變背景 css
下一篇鼠標指向css