CSS3-8种炫酷CSS3鼠标滑过图片标题动画特效 | 蓝文资源库

这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果，它们都是通过CSS3 transform来制作遮罩层的各种动画特效。

在页面中引入imghover.css文件。

<link rel="stylesheet" type="text/css" href="css/imghover.css">>

这组鼠标滑过图片动画特效的HTML结构非常简单，如下：

<figure class="imghvr-book-open-horiz">
  <img src="#">
  <figcaption>
    // 鼠标滑过显示的内容
  </figcaption>
  <a href="#"></a>
</figure>

在figure元素上添加你想要的鼠标滑过效果的class类即可使用这种效果。可用的class类有：

郑重声明：

1 本资源来源于互联网，资源的版权归资源原作者所持有，受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系，所以上传的部分资源无法先通过原作者的同意就分享给大家了，如本资源侵犯了您（原作者）的权益，请联系我们（微信号 xiaohaimei1989），我们会立马删除您的资源，并向您表达诚挚的歉意！

3 本站是一个公益型网站，分享资源的目的在于传播知识，分享知识，收取一点点打赏的辛苦费是用于网站的日常运营开支，并非用于商业用途。

4 本站资源只提供学习和参考研究使用，使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。