随着互联网的发展，网页能表现的东西越来越多。由最开始单纯的文字和链接构成的网页，到后来的表格布局，再到div+css模式，现在发展到了html+css3。网页能表达的东西越来越多，css3兴起已经很多年了，不多由于国内网站要求对IE的兼容，html5+css3的发展很缓慢。
html5+css3的出现给前端开发者提供了更多的可能性，以前很多只能通过JS实现的效果用纯粹的css3就能实现了。
下面介绍一个博主在css3学习过程中写的一个纯css3实现的带动画效果的导航菜单。
下面是效果图：
?
查看示例（请在支持css3的浏览器中查看效果，最新版的chrome浏览器下效果最佳。）
??纯css动画导航菜单??下载?(27.9 KB, 5 次)特别声明此demo为博主原创，可以下载免费使用。
话不多说，直接贴源码：
css:
