不用图片和JS，照样创建绚丽的动态CSS3菜单---转载
Demo演示??下载代码
第一步：编辑菜单的HTML代码
菜单包含三个列表项，分别取名为“Menu1”、“Menu2”、“Menu3”。
?
第三步：利用border-radius，制作圆形导航。
该步中，我们会利用CSS3的一些酷的功能，尤其是border-radius ，将每个列表项的背景设置为黄色，形状为圆形。?
?
?
?
第四步：设置菜单的对齐方式
?
本步骤中，我们将为每个列表项设置特定的背景颜色与位置：
?
?
?
?
第五步：设置菜单中链接的对齐方式
?
?
?
?
第六步：定义另一种效果，当鼠标悬浮在链接上时进行展现?
?
?
?
?
第七步：最后为导航增加动画效果
?
?
?
?
结论
?
? ? ? 通过上面教程，你已经学到如何制作酷的动画菜单。在制作过程中不需要使用JavaScript和图片，只需要使用CSS3的一些酷的特性即可。该菜单可以完美地运行于Chrome和 Safari浏览器。在 Firefox浏览器中，无法看到动画效果。
?
?
?
?
?
注：真的感谢这位Laeeq博主，我对前端的兴趣又倍增了！
?
