20 Yummy Hamburger Menu-animaties

Een hamburger-menu in de eerste plaats activeert een glijdende lade-navigatie die links naar pagina's op de hele website bevat. Schuifladekastnavigatiemenu's zijn geweldig voor een responsief ontwerp, maar ze kunnen ook lastig te implementeren zijn. Als je op zoek bent naar nieuwe manieren om die drie lijnen te animeren in een nette X (wat een close aangeeft), bekijk dan deze showcase van fantastische CSS hamburger menu-animaties.

Hamburger-menu (met kaas) door Michael Smart

CSS Geanimeerde Hamburger Icon door Brydave

Ultimate Hamburger Menu door CharlesSmart

Atomic Menu door Alex Coven

Star Wars Icon door Raza Selauk Saydam

Menu Toggle door Tamino Martinius

Geanimeerde Burger / Menu Icon door Nicholas M. Smith

Getekende Hamburger-overgang door Jesse Couch

Materiaalontwerp door Arjan Jassal

Frosty van Graham Wilsdon

CSS Gooey Menu (v4) door Lucas Bebber

PFullscreen Navigatiemenu door Brenden Palmer

Morphing Hamburger van Sergio

Geanimeerde Hamburger door Steven Fabre

Nog een topmenu door BJack

Geanimeerd Hamburger Menu door Matthew Ladner

Openen - sluiten door Vineeth.TR

CSS3 Only Hamburger van Dawid Krajewski

Jumping Hamburger van Jack Thomson

Hamburger Menu door j0be