唯品秀前端博客

效果展示

  • 现在请用鼠标轻轻抚摸下咱们景甜小姐姐的小胸脯,初看到这个效果,是否想到的是改变两张图片的透明度,查看之后发现是用filter实现的,很简洁有没有。实现方式、隐藏显示,也可以用图片定位,但是挺麻烦的

代码如下

1
2
3
4
5
6
7
8
9
10
11
.log-text .logo {
  transition: all 0.2s;
  cursor: pointer;
  filter: grayscale(100%);
}

.log-text .logo:hover {
  filter: none;
}

<img src="http://www.daqianduan.com/wp-content/uploads/2018/10/filter1.png" class="logo">
本站所有文章、图片、资源等如无特殊说明或标注,均为来自互联网或者站长原创,版权归原作者所有;仅作为个人学习、研究以及欣赏!如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,邮箱:343049466@qq.com
赞(6) 打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"CSS3神奇的css高亮 – filter(滤镜)"

表情

最新评论

    暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏