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:
吾岸瑜伽培训中心,作为中国首家引进国际瑜伽课程的培训机构……
贵州贵汇酒业(集团)有限公司是专业的酱香白酒整合营销服务……
湖北 力伟精密 科技有限公司位于湖北省大冶市,20年匠心致力于……
武汉掰掰仪医疗科技有限公司成立于2021年,是一家专注于安全式……
【中心介绍】 启心正念瑜伽培训中心是国内首家以正念为本的瑜……
贵州福鼎黔辰酒业股份有限公司始于一九六三年,五十多年酿酒……