快生活 - 生活常识大全

使用如何将彩色图片转成黑白图片


  在写htm代码时,有时候需要将网页彩色图片转为黑背图片,下面就来介绍如何使用css3的滤镜将彩色图片转为黑白图片。
  一、创建一个htm文件,我们要处理的图片放在同一个目录下。
  二、用文本工具打开htm文件,img加上图片链接。
  三、打开浏览器我们可以开电脑图片是彩色的。
  四、回到htm代码在
  <style>加上css样式。
  img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  }
  五、重新刷新htm页面,我们看到刚才的彩色图片已经变成黑白图片了。
  六、代码很简单,如果不想敲代码的话,可以直接打开http://dwz.date/acuj下载即可,图片大家可以根据实际来更换即可。
  </style>
网站目录投稿:听梦