黑马程序员技术交流社区
标题:
【上海校区】CSS3小知识点：如何让彩色图片hover时变成黑...
[打印本页]
作者:
不二晨
时间:
2019-3-29 16:55
标题:
【上海校区】CSS3小知识点：如何让彩色图片hover时变成黑...
写在前面：有的场景中，当图片hover时需要彩色变黑白或者黑白变彩色。想要达到这一效果，可以使用CSS3中的灰度属性（filter）进行设置。
相关说明：
20180626095408604.png
(49.42 KB, 下载次数: 15)
下载附件
2019-3-29 16:55 上传
主要代码：
#rencai .partner>div{height: 60px;filter: grayscale(100%);}
#rencai .partner>div:hover{filter: grayscale(0);cursor:pointer;}
写在最后：除此之外，filter还可以设置图片模糊等其他属性
---------------------
【转载，仅作分享，侵删】
作者：Ryan Ji
原文：
https://blog.csdn.net/qq_42451979/article/details/80810846
版权声明：本文为博主原创文章，转载请附上博文链接！
作者:
不二晨
时间:
2019-4-10 14:29
奈斯，感谢分享！
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
奈斯，感谢分享！