图片如下:
具体的实现由两种方法:一个是CSS3的滤镜功能。具体代码如下:
<span style="font-size:18px;">.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }</span>
只要把上面代码拷过去,设定成你想修改的图片样式就可以了。例如
<img src="1.jpg" alt="CSS设定图片变灰色_html/css_WEB-ITnose" > <img src="1.jpg" class="gray" alt="CSS设定图片变灰色_html/css_WEB-ITnose" >
版权声明:本文为博主原创文章,未经博主允许不得转载。