Gunnar Bittersmann: Fragen zum Hamburger Button

Beitrag lesen

@@Gunnar Bittersmann

Das geht mit CSS, wie ich vor einer Woche schon sagte.

☞ Codepen

Die Variante hätte ich auch schon vor einer Woche anbieten können. Da sie aber keine Lösung für das Problem „egal wo sich [der Button] befindet“ ist, hatte ich das nicht getan.

Jetzt habe ich aber doch noch eine Lösung gefunden: ☞ Codepen 1

Oder von der anderen Seite: ☞ Codepen 2

🖖 Live long and prosper

Nachtrag: Meine Versuche, auf transition zu verzichten und die halbe Breite stattdessen mit in die Berechnung von clamp() zu ziehen, schlugen fehl. ☞ Codepen 1a

left: calc(anchor(center) - <length>) kann man machen; clamp(<length>, anchor(center) - <length>, <length>) aber nicht? Übersehe ich da was? Oder ist das noch nicht in Browsern implementiert?

--
“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”
— Bruce Springsteen, Manchester 2025-05-14