0563-2711855 在線客服 人才招聘 返回頂部
企業動態 技術分享 行業動態

CSS怎么使網頁全部變成灰色

2016-10-13分享

Desaturating a color image couldn’t be simpler with CSS3. We’ll apply the filter as a class, as you’d typically desire several images to be affected by the code at the same time:

img.desaturate { filter: grayscale(100%); }

Naturally, all current browsers implement CSS3 filters via vendor prefixes, so our first job is to insert that code, writing in CSS that does not yet exist in order to future-proof our work:

img.desaturate { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

Applying the class to the image is easy:

在線咨詢
宣城播恩信息技術有限公司 皖ICP備18002773號??技術支持:飛悅
国标麻将 日本麻将