CSS3鼠标滑过图片效果 用Font Awesome库实现悬停图标

本文作者html5tricks,转载请注明出处

今天给大家带来一个比较传统但却非常实用的CSS3应用,它的功能是可以快速生成一个带鼠标滑过特效的图片,当鼠标滑过图片时,图片上方将会打开遮罩层,浮现自定义的标题等文本,也可以采用Font Awesome网页图标库实现各种功能按钮。另外它还有一个特点是可以生成多张这种效果的图片,并实现相应式布局,随着页面大小的调整改变最佳的图片排列方式。

css3-fontawesome-image-hover

在线演示源码下载

如需下载源码,关注我们的公众号,回复 6207 免费获取

分享HTML5/CSS3技术;jQuery插件;Vue、React等前端开发组件

热门推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>