隨著移動(dòng)平臺(tái)瀏覽量的增長越來越多，網(wǎng)站為了適應(yīng)移動(dòng)平臺(tái)的瀏覽體驗(yàn)，大部分響應(yīng)式網(wǎng)頁都喜歡采用漢堡包菜單這種形式來展示網(wǎng)站的導(dǎo)航，然而如果都是一種漢堡包菜單風(fēng)格，那實(shí)在太沒新意了。

今天小編為大家整理21個(gè)漢堡包導(dǎo)航案例，或許會(huì)給你帶來些設(shè)計(jì)靈感哦，下面來自小編親自錄制的GIF，實(shí)際效果請點(diǎn)擊搜搜鏈接，案例中，還有菜單的實(shí)現(xiàn)代碼，前端開發(fā)工程師可以去學(xué)習(xí)他們實(shí)現(xiàn)方式。

Hamburger Menu (with cheese)

The ultimate hamburger menu

Atomic Hamburger Menu CSS

Menu toggle svg animation

Star Wars Toggle Icon Animation

Animated Burger/Menu Icon

Material Design Menu錄制時(shí)幀數(shù)少了，請點(diǎn)擊鏈接看實(shí)際DEMO演示效果。