在线预览源码下载 这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果，它们都是通过CSS3transform来制作遮罩层的各种动画特效。 使用方法 在页面中引入imghover.css文件。 1 link rel="stylesheet" type="text/css"
在线预览 源码下载
这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果，它们都是通过CSS3 transform来制作遮罩层的各种动画特效。
使用方法在页面中引入imghover.css文件。
1
<link rel="stylesheet" type="text/css" href="css/imghover.css">>
HTML结构这组鼠标滑过图片动画特效的HTML结构非常简单，如下：
1
2
3
4
5
6
7
<figure class="imghvr-book-open-horiz">
<img src="#">
<figcaption>
// 鼠标滑过显示的内容
</figcaption>
<a href="#"></a>
</figure>
CSS样式在figure元素上添加你想要的鼠标滑过效果的class类即可使用这种效果。可用的class类有：
在线预览 源码下载
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
CSS3 选择器 - Glunefish
2017-04-22 09:00
HTML5和CSS3 - 奔跑在起跑线佼佼者
2017-04-20 13:00
【CSS3】精美横向滚动菜单按钮 - Glunefish
2017-04-14 14:00
【CSS3动画】下拉菜单模拟 - Glunefish
2017-04-12 13:00
网友点评
精彩导读
热门资讯
关注我们
