图片变黑白

2017-10-30 18:38:19来源:CSDN作者:jx950915人点击

分享

CSS

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

实例

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>图片变黑白</title></head><style>    img.desaturate {        filter: grayscale(100%);        -webkit-filter: grayscale(100%);        -moz-filter: grayscale(100%);        -ms-filter: grayscale(100%);        -o-filter: grayscale(100%);    }</style><body><img src="img/news1.png" alt=""><img class="desaturate" src="img/news1.png" alt=""></body></html>

黑白实例

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台