抽屉菜单,幻灯片菜单,汉堡菜单,最近在任何网站上推出。
在该网站的智能手机屏幕大小是有限的,我特别有用。
所以这次我将介绍一个很酷的动画抽屉菜单,可以很容易地实现与CSS。
它是一个抽屉菜单,可以按层次显示向上、向下、向左和向右。
请参考现场生产的所有手段。
动画抽屉菜单(汉堡包),从左侧对角打开菜单
查看笔
轻松滑动菜单 w/ 动画按钮由雅戈·埃斯特韦斯 (@yagoestevez)
在 CodePen 上。
动画抽屉菜单(汉堡包),从左侧平滑打开菜单
查看笔
屏幕外导航与 :焦点内由丹妮·文瑟 (@dannievinther)
在 CodePen 上。
抽屉菜单(汉堡包),菜单和字体从右侧滑入
查看笔
滑出 / 汉堡 / 三明治俱乐部菜单由乔诺·维特斯 (@jonnowitts)
在 CodePen 上。
从左开的简单抽屉菜单(汉堡包)
查看笔
纯CSS侧揭示效果由安东尼娅·希米奇(@tonkec)
在 CodePen 上。
酷动画抽屉菜单,左侧有详细菜单
查看笔
透明度由布雷迪·赫洛佩特 (@bradyhullopeter)
在 CodePen 上。
动画抽屉菜单(汉堡包),右侧为透明菜单
查看笔
纯css抽屉由布雷迪·赫洛佩特 (@bradyhullopeter)
在 CodePen 上。
抽屉菜单,悬停处有右菜单
查看笔
纯CSS滑出菜单由马克斯·库拉波夫 (@mkurapov)
在 CodePen 上。
从右侧简单的 3D 风格抽屉菜单(汉堡包)
查看笔
3D 画布外导航(@iamarend)
在 CodePen 上。
抽屉菜单(汉堡包)从底部滑动
查看笔
左侧幻灯片菜单,图标由罗马 (@ramzs)
在 CodePen 上。