A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

写在前面:有的场景中,当图片hover时需要彩色变黑白或者黑白变彩色。想要达到这一效果,可以使用CSS3中的灰度属性(filter)进行设置。
相关说明:





主要代码:

#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
版权声明:本文为博主原创文章,转载请附上博文链接!

1 个回复

倒序浏览
奈斯,感谢分享!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马