ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / baas.elementalrock.com / wp-content / themes / oceanwp / assets / css / third / hamburgers / types

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-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-r .hamburger-inner::before {
  top: 7px;
  -webkit-transition: opacity 0.125s 0.275s ease;
          transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 14px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
          transform: translate3d(0, 7px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
          transform: translate3d(0, -14px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

[-] arrow-r.css [edit]
[-] squeeze.css [edit]
[-] 3dxy.css [edit]
[-] arrowalt-r.css [edit]
[-] spin.css [edit]
[-] minus.css [edit]
[-] elastic-r.css [edit]
[-] stand-r.css [edit]
[-] boring.css [edit]
[+] ..
[-] slider.css [edit]
[-] slider-r.css [edit]
[-] arrow.css [edit]
[-] arrowturn-r.css [edit]
[-] spring.css [edit]
[-] 3dy.css [edit]
[-] spring-r.css [edit]
[-] stand.css [edit]
[-] 3dx-r.css [edit]
[-] spin-r.css [edit]
[-] elastic.css [edit]
[-] vortex-r.css [edit]
[-] 3dy-r.css [edit]
[-] arrowturn.css [edit]
[-] collapse-r.css [edit]
[-] 3dx.css [edit]
[-] collapse.css [edit]
[-] arrowalt.css [edit]
[-] 3dxy-r.css [edit]
[-] vortex.css [edit]