css实现滤镜效果

<img src="http://www.daqianduan.com/wp-content/uploads/2018/10/filter1.png" class="logo">.logo {transition: all 0.2s;cursor: pointer;filter: grayscale(100%);}.logo:hover {filter...

薛中然

294人浏览 · 2019-07-12 15:22:10

薛中然 · 2019-07-12 15:22:10 发布

<img src="http://www.daqianduan.com/wp-content/uploads/2018/10/filter1.png" class="logo">
.logo {
  transition: all 0.2s;
  cursor: pointer;
  filter: grayscale(100%);
}

.logo:hover {
  filter: none;
}

能够实现灰色和高亮效果