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

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

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 7px;
  -webkit-transition-property: -webkit-transform, opacity;
          transition-property: transform, opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 14px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
          transform: translate3d(0, 7px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
          transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(90deg);
          transform: translate3d(0, -14px, 0) rotate(90deg);
}

[-] 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]