写在前面:有的场景中,当图片hover时需要彩色变黑白或者黑白变彩色。想要达到这一效果,可以使用CSS3中的灰度属性(filter)进行设置。 【CSS3小知识点(如何让彩色图片hover时变成黑白图片)】相关说明:
文章图片
文章图片
主要代码:
#rencai .partner>div{height: 60px;
filter: grayscale(100%);
}
#rencai .partner>div:hover{filter: grayscale(0);
cursor:pointer;
}
写在最后:除此之外,filter还可以设置图片模糊等其他属性,了解更多请查看:http://www.runoob.com/try/try.php?filename=trycss_ex_images_filters
推荐阅读
- JavaScript|JavaScript之DOM增删改查(重点)
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css中元素的显示与隐藏
- 数据库|资源放送丨《 先睹为快!Oracle 20c新特性解析》PPT&视频
- 常用的CSS动画库
- CSS|hover如何控制非hover指向元素的显示隐藏(全攻略)
- css三列布局,两侧宽度固定,中间宽度自由伸缩
- css三列布局,中间div固定,两侧div宽度自适应
- javascript|5大顶尖数字货币交易所(合约交易)换肤方案浅谈