当前位置：前端开发者 > 教程 > 正文

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

2018-09-30 21:42:16 分类：教程阅读(144) 评论(0)

前端开发的前景怎么样 web前端开发前景怎么样 web前端开发怎么接单

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>

前端开发怎么设置自适应前端开发怎么设置自适应前端开发中搜索框怎么写

» 本文来自：前端开发者 » 《前端7款漂亮的图片鼠标悬停特效》

» 本文链接地址：https://www.rokub.com/5984.html

» 您也可以订阅本站：https://www.rokub.com

标签：前端开发者

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶
回顶部