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