日期:2014-05-16  浏览次数:20684 次

不用图片和JS,照样创建绚丽的动态CSS3菜单---转载

转载:http://www.html5cn.org/article-5363-1.html

问题:虽然已经开发前端n些日子了,可是对一些例子仍旧感觉不错。

解决方案:该教程,我们将讨论CSS3的一些新功能和新特性,并教你在不使用图片和JavaScript的情况下,如何制作酷炫的圆形导航菜单。该实例将用到CSS3的新特性: border-radius和animation。

Demo演示??下载代码

第一步:编辑菜单的HTML代码

菜单包含三个列表项,分别取名为“Menu1”、“Menu2”、“Menu3”。

?

1
2
3
4
5
6