纯css鱼眼菜单的灵感来自于 Mac OSX Dock , 效果是让带小图标的菜单在鼠标滑过、停留时有放大的效果，鼠标停放的菜单两边的小图片也有一定比例的变化，具体效果可以猛点此处看。

实现图标向下放大效果：

1.HTML代码：

2.CSS代码:

下载

分析：鱼眼效果主用是利用css的相邻兄弟节点选择器“+”和”:hover”伪类实现。

纯CSS的语言效果支持的浏览器有：Internet Explorer 7+ & 8+, Firefox 3+, Google Chrome, Safari 3.2+, Opera 9.52+, Konqueror 3.5.7+. 但是, “+”选择器仅仅支持 IE7+, IE8+, Opera 9.52+, and Konqueror 3.5.7+。

本文链接：http://jsssc.cn/10-promising-css-framework-that-worth-a-look/

出处：路可