图片/图形
Imagehover - 纯CSS3鼠标滑过图片效果动画库
PetitQ
imagehover.css 是一款纯 CSS3 鼠标滑过图片效果动画库。它可以适应图片的缩放，提供 44 种不同的鼠标滑过图片效果，压缩后的版本只有 19K 大小，可以完成各种不同场景的需求。
使用方法
使用时要在页面中引入 imagehover.css 或 imagehover.min.css 文件。
也想出现在这里？联系我们吧
<link type="text/css" rel="stylesheet" href="css/imagehover.min.css" />
HTML 结构
在页面中使用下面的 HTML 结构，图片的 src 指向你需要的图片，Hover Content 是鼠标滑过时显示的内容，可以自定义。在<figure>元素中，你可以将 class 设置为一种你需要的鼠标滑过图片效果的 class 类。
<figure class="imghvr-fade">
<img src="#">
<figcaption>
// Hover Content</figcaption>
<a href="#"></a>
</figure>
imagehover.css 可用的鼠标滑过图片效果的 class 类有：
imghvr-fadeimghvr-push-up
imghvr-push-down
imghvr-push-left
imghvr-push-right
imghvr-slide-up
imghvr-slide-down
imghvr-slide-left
imghvr-slide-right
imghvr-reveal-up
imghvr-reveal-down
imghvr-reveal-left
imghvr-reveal-right
imghvr-hinge-up
imghvr-hinge-down
imghvr-hinge-left
imghvr-hinge-right
imghvr-flip-horiz
imghvr-flip-vert
imghvr-flip-diag-1
imghvr-flip-diag-2
imghvr-shutter-out-horiz
imghvr-shutter-out-vert
imghvr-shutter-out-diag-1
imghvr-shutter-out-diag-2
imghvr-shutter-in-horiz
imghvr-shutter-in-vert
imghvr-shutter-in-out-horiz
imghvr-shutter-in-out-vert
imghvr-shutter-in-out-diag-1
imghvr-shutter-in-out-diag-2
imghvr-fold-up
imghvr-fold-down
imghvr-fold-left
imghvr-fold-right
imghvr-zoom-in
imghvr-zoom-out
imghvr-zoom-out-up
imghvr-zoom-out-down
imghvr-zoom-out-left
imghvr-zoom-out-right
imghvr-zoom-out-flip-horiz
imghvr-zoom-out-flip-vert
imghvr-blur
Github 地址：https://github.com/ciar4n/imagehover.css
| 演示地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
