Mobile-Burger
Mobile-Menü Zeichen (Burger) ohne Grafik
So schnell, wie Aufrufe von mobilen Geräten die von stationären Desktops in der Rangfolge ablösten, so vielfältig haben sich in der Zeit der mobilen Internetseiten auch die Möglichkeiten zur mobilen Menügestaltung weiterentwickelt.
Anfänglich noch mit einem einfachen PNG mit drei Strichen, eben dem sogenannten "Burger", dargestellt, gibt es heute einige schönere und somit performantere Alternativen.
- per Webfont
Kaum zu glauben: die meisten Webfonts untertützen mittlerweile das Menü-icon - mit☰
lässt es sich eimplementieren: ☰ - per CSS
aufwendiger, aber eben auch flexibler. durch die Darstellung von 3 Elementen (Strichen), lässt sich so gut wie jedes gewünschte Design darstellen und - ein weiterer Vorteil: mit CCS-Transitions animieren.
Viele schöne Beispiele zur CSS-Animation des mobile Menu-Burgers gibt es zum Beispiel hier
Datum
Autor
Sören Damrau
Kategorie
Technik
Fragen, Wünsche, Projekte?