純CSS3鼠標滑過圖片效果動畫庫imagehover.css

插件描述：imagehover.css-純CSS3鼠標滑過圖片效果動畫庫，44種鼠標滑過效果

使用方法

使用時要在頁面中引入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-fade
imghvr-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