资源盛宴：30个优秀CSS技术和实例（上）

来源：不详责任编辑：栏目编辑发表时间:2013-07-02 05:50　点击:次

一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。

一款很有创意且复杂的CSS导航方案。

手风琴效果的影集，悬停便可拉伸图片。

题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。

在A List Apart上的一个关于图片效果Demo的讨论文章“CSS Drop shadows“.

悬停标签改变分类，悬停缩略图显示放大图。

使用简单的图片和background-position属性来进行调解。

模仿表格布局，但使用的是列表。图集是流式宽度。

仅使用了很少XHTML的静态页脚。

模仿Windows开始菜单的CSS导航菜单。

使用div和:hover伪类的手风琴效果，这个效果可以垂直显示也可以水平显示。