汉堡包菜单图标在APP或响应式设计、手机网站制作上比较常见，因为形状类似“汉堡”顾名思义为汉堡菜单，一般用来展开/关闭网站导航菜单，然而这个菜单图标有很多新鲜的玩法，下面跨屏网跟大家讲讲手机网站汉堡菜单的6种前端实现方式。
第一种：伪元素 + 网页图标字体
TIPS: 点击图标下面的按钮，可以显示代码，可以直接复制到你的编辑体验。
第二种：伪元素 + 三个HTML标签
第三种：伪元素 + 1个HTML标签
第四种：使用UNICODE编码
第五种：SVG动画
第六种：使用CSS背景属性
好了，看了这么有创意的关闭按钮，你有想法了没？查看源码
http://lukyvj.github.io/menu-to-cross-icon/
未经允许不得转载：跨屏互联 » 手机网站汉堡菜单的6种前端实现方式
