Link zur Demo aktualisiert

ulrich

2021-09-29 010cf066446c9cbb96c6bd99db8701e9329bf686

 hamburger.css

@@ -9,7 +9,6 @@
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
@@ -38,13 +37,13 @@
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  margin: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 4px;
  background-color: #000;
  background-color: white; /* #000; */
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
@@ -71,7 +70,7 @@
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {