交互探索 |date: 2016-4-29

返回列表

21个网页汉堡包菜单动画灵感

 

 

随着移动平台浏览量的增长越来越多,网站为了适应移动平台的浏览体验,大部分响应式网页都喜欢采用汉堡包菜单这种形式来展示网站的导航,然而如果都是一种汉堡包菜单风格,那实在太没新意了,下面为大家整理21个汉堡包导航案例,或许会给你带来些设计灵感哦!

 

 

Hamburger Menu (With Cheese)

hamburger-menu-01

查看演示

 

 

The Ultimate Hamburger Menu

hamburger-menu-02

查看演示

 

 

Atomic Hamburger Menu CSS

hamburger-menu-03

查看演示

 

 

Menu Toggle Svg Animation

hamburger-menu-06

查看演示

 

 

Star Wars Toggle Icon Animation

hamburger-menu-05

查看演示

 

 

Animated Burger/Menu Icon

hamburger-menu-04

查看演示

 

 

Material Design Menu

hamburger-menu-07

查看演示

 

 

Drawn Hamburger Transition

hamburger-menu-08

查看演示

 

 

Animating CSS-Only Hamburger Menu Icons

hamburger-menu-09

查看演示

 

 

The Minimal Hamburger Menu With Fullscreen Navigation

hamburger-menu-10

查看演示

 

 

Frosty Nav Toggle Effect

hamburger-menu-11

查看演示

 

 

Hamburger Icon With Morphing Menu

hamburger-menu-12

查看演示

 


Hamburger Menu To Book Menu

hamburger-menu-15

查看演示

 

 

Gooey Menu

hamburger-menu-14

查看演示

 

 

The Hamburger Menu

hamburger-menu-13

查看演示

 

 

Pure CSS Fullscreen Navigation Menu

hamburger-menu-16

查看演示

 

 

Pure CSS Off-Canvas Menu With Flexbox

hamburger-menu-17

查看演示

 

 

Jumping Hamburger Menu Icon

hamburger-menu-18

查看演示

 

 

Open Close

hamburger-menu-19

查看演示

 

 

Hamburger Icon CSS3 ONLY Animation

hamburger-menu-20

查看演示

 

 

Menu Toggle Button With Flat Menu

hamburger-menu-21

查看演示

 

内容来源:优秀网页设计

其它文章|返回列表

大连

大连市沙河口区星海佳时科技园

/

北京

北京市朝阳区安苑路45号世纪嘉园

© 2005-2017 Aidimedia,All Rights Reserved

 辽公网安备 21020402000119号 辽ICP备16000193号

艾迪互动微信公众号