欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 圖片彩色變黑白

錢艷冰2年前8瀏覽0評論

CSS可以通過一些簡單的代碼實現將彩色圖片轉換為黑白圖片的效果,這種技術被稱為灰度化技術。

img {
filter: grayscale(100%);
/*對于不支持CSS3的瀏覽器*/
filter: gray;
/*IE6-9*/
-webkit-filter: grayscale(100%);
/*Webkit*/
-moz-filter: grayscale(100%);
/*Firefox*/
-o-filter: grayscale(100%);
/*Opera*/
}

上面這段代碼是最基本的應用灰度化效果的代碼,其中filter是CSS3的屬性,用來實現灰度化效果。但是由于不同的瀏覽器兼容性不同,需要使用不同的代碼實現。在沒有CSS3標準支持時,也需要使用其他的代碼來保證頁面的正常顯示。

通過以上代碼,我們可以看出,實現灰度化的方法非常簡單。視覺上,黑白照片更加優美,且不失風格感。利用這些CSS知識,可以大大提高網頁的美觀度和趣味性。