css3实现图片遮罩效果鼠标hover以后出现文字

作者：佚名字体：[增加减小] 来源：互联网时间：2017-06-02

本文主要包含css3 hover,css3 hover效果,css3中hover,css3 hover动画,css3遮罩层等相关知识,佚名希望在学习及工作中可以帮助到您

鼠标hover 以后。图片上面出现一个遮罩, 透明度变化，显示设置好的文字的文字，完全使用css 实现，下图是效果

关键代码

</div> </div>

您可能想查找下面的文章:

相关文章

2017-06-02CSS3 box-sizing属性详解
2017-06-02CSS3使用transition实现的鼠标悬停淡入淡出
2017-06-02纯CSS和jQuery实现的在页面顶部显示的进度条效果2例（仿手机浏览器进度条效果）
2017-06-02使用css3实现的tab选项卡代码分享
2017-06-02发现两个有趣的CSS3动画效果
2017-06-02CSS3 text-shadow实现文字阴影效果
2017-06-02一款利用css3的鼠标经过动画显示详情特效的实例教程
2017-06-02一款利用纯css3实现的超炫3D表单的实例教程
2017-06-02利用CSS3制作简单的3d半透明立方体图片展示
2017-06-02CSS3中box-shadow的用法介绍