jquery鼠標滑過特效

插件描述：模塊變暗，出現遮罩層,12種炫酷的CSS3鼠標滑過圖片遮罩層動畫特效.
使用該CSS3鼠標滑過圖片遮罩層動畫特效需要在頁面中引入由SASS編譯的sass-compiled.css文件或由LESS編譯的less-compiled.css文件。
<link rel="stylesheet" href="css/sass-compiled.css" type="text/css" />
或者：
<link rel="stylesheet" href="css/less-compiled.css" type="text/css" />
該CSS3鼠標滑過圖片遮罩層動畫特效的基本HTML結構如下：
<div class="pic">
    <img src="img/01.jpg" class="pic-image" alt="Pic"/>
    <span class="pic-caption bottom-to-top">
        <h1 class="pic-title">Pic Title</h1>
        <p>圖片描述文本</p>
    </span>
</div>


可用的動畫效果
該CSS3鼠標滑過圖片遮罩層動畫特效有以下12種可用的CSS3動畫效果。
.bottom-to-top：從下到上滑動。
.top-to-bottom：從上到下滑動。
.left-to-right：從左向右滑動。
.right-to-left：從右向左滑動。
.rotate-in：旋轉進入。
.rotate-out：旋轉離開。
.open-up：向上翻轉。
.open-down：向下翻轉。
.open-left：向左翻轉。
.open-right：向右翻轉。
.come-left：帶傾斜效果的向左翻轉。
.come-right：帶傾斜效果的向右翻轉。