无需下载任何其他软件及包类，代码简单易懂，效果达到界面菜单需求。
工具/原料
记事本或者subline
方法/步骤
1
新建txt文档：桌面右击鼠标：新建->文本文档，如果新建文档没有后缀名.txt，打开计算机找到：左上角的“组织”按钮，点击进入“文件夹和搜索选项”，然后点击选项“查看”，在“高级设置”里面将“隐藏已知文件类型的扩展名”取消选定，点击右下角“应用”即可。
2
打开文本文挡编写代码：搭建框架代码：
3
css样式及鼠标触发事件代码：
4
整体结构：
css样式及鼠标触发事件代码搭建框架代码5
完成代码后保存文件：在桌面图标右击“重命名”，将文件名改为“***.html”即可用浏览器打开，查看效果
6
用css生成的动画菜单：END
注意事项
1
清除浮动是需用到：.nav:before,.nav:after{ content:''; display:table; } .nav:after{ clear:both;}这段代码
2
实现动画效果函数需要用到 transition： all 0.2s ease-in-out;
上一篇：如何清除网页浮动广告？