【HTML】图片灰度化

css样式

  <style type="text/css">
    .himg{
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
    }
  </style>

<h5>未灰度</h5>
<img src="timg.jpg">
<h5>灰度</h5>
<img src="timg.jpg" class="himg">

结果
在这里插入图片描述

posted on 2020-05-29 14:22  Huhiseven  阅读(53)  评论(0)  编辑  收藏  举报

导航