您的位置：首页 > 其它

7款漂亮的图片鼠标悬停特效

2015-02-04 13:46 399 查看

之前为大家分享了 30款css3实现的鼠标经过图片显示描述特效，今天给大家分享和这30款类似效果的插件——7款漂亮的图片鼠标悬停特效，效果也是非常炫。效果图如下：

在线预览源码下载

实现的代码。

html代码：

<ul class="grid cs-style-1">
<li>
<figure>
<img src="images/1.png" alt="img01">
<figcaption>
<h3>Camera</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/2.png" alt="img02">
<figcaption>
<h3>Music</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/4.png" alt="img04">
<figcaption>
<h3>Settings</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/5.png" alt="img05">
<figcaption>
<h3>Safari</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/3.png" alt="img03">
<figcaption>
<h3>Phone</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/6.png" alt="img06">
<figcaption>
<h3>Game Center</h3>
<span>Jacob Cummings</span>
<a href="http://www.w2bc.com">Take a look</a>
</figcaption>
</figure>
</li>
</ul>

via：/article/1211351.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航