20 leckere Hamburger Menu Animationen

Ein Hamburgermenü löst in erster Linie eine verschiebbare Schubladennavigation aus, die Links zu Seiten auf der gesamten Website enthält . Sliding-Drawer-Navigationsmenüs eignen sich hervorragend für Responsive Design, können aber auch schwierig zu implementieren sein. Wenn Sie nach neuen Möglichkeiten suchen, diese drei Zeilen in ein ordentliches X zu animieren (was auf "Schließen" hinweist), dann schauen Sie sich diese Präsentation von fantastischen CSS-Hamburger-Menüanimationen an .

Hamburger Menü (mit Käse) von Michael Smart

CSS animierte Hamburger Icon von Brydave

Ultimate Hamburger Menü von CharlesSmart

Atomic Menu von Alex Coven

Star Wars-Ikone von Raza Selauk Saydam

Menü Toggle von Tamino Martinius

Lebhafter Burger / Menü-Ikone durch Nicholas M. Smith

Gezeichneter Hamburger Übergang durch Jesse Couch

Material Design von Arjan Jassal

Frosty von Graham Wilsdon

CSS Gooey Menü (v4) von Lucas Bebber

PFullscreen Navigation Menu von Brenden Palmer

Morphing Hamburger von Sergio

Animierter Hamburger von Steven Fabre

Ein weiteres Top-Menü von BJack

Animierte Hamburger Menü von Matthew Ladner

Offen - In der Nähe von Vineeth.TR

CSS3 Nur Hamburger von Dawid Krajewski

Springender Hamburger durch Jack Thomson

Hamburger Menü von j0be

Rough.js macht handgezeichnete Grafiken mit Canvas & SVG

Es ist erstaunlich zu sehen, wie weit das Web mit dynamischen Elementen wie In-Browser-SVGs gekommen ist . Sie können alles von benutzerdefinierten Animationen zu HTML5-Spielen mit den richtigen Bibliotheken gestalten.Eine der neuesten Bibliotheken, die es zu testen lohnt, ist Rough.js . Es ist ein kostenloses Skript zur Grafikgenerierung, das sich derzeit in der Betaversion befindet und auf Canvas- und SVG-Elementen funktioniert .

(Tech- und Design-Tipps)

Synchronisieren Sie webbasierte Präsentationsfolien mit Impress.js und Impressr [Quicktip]

Ich habe an einigen Universitäten und Schulen Vorträge über Web-Entwicklung und WordPress gehalten und ein häufiges Problem, dem ich während einer Präsentation gegenüberstehe, ist, dass das Publikum in der Nähe des Publikums meine Dias kaum sehen kann. Ich denke darüber nach: Wie kann ich die Präsentationsfolien übersichtlicher gestalten, aber den Redner und die Teilnehmer auf der gleichen Seite halten?Ich habe e

(Tech- und Design-Tipps)