-
Notifications
You must be signed in to change notification settings - Fork 0
/
pandas-hamburger.min.css
1 lines (1 loc) · 1.34 KB
/
pandas-hamburger.min.css
1
/*https://github.com/Panda279TV*/.hamburger{width:50px;height:25px;position:absolute;top:30px;right:30px;padding-top:20px;opacity:.8;padding:1%}.hamburger span{position:relative;background-color:#000;height:5px;width:100%;display:block;text-indent:-5000px;border-radius:5px;transition-duration:.5s}.hamburger span:after,.hamburger span:before{content:"";height:5px;width:100%;display:block;position:absolute;background-color:#000;border-radius:5px;transition-duration:.5s}.hamburger span:after{bottom:-10px}.hamburger span:before{top:-10px}.hamburger:hover{opacity:1;transition-duration:.75s}.hamburger.is-active:hover{opacity:1;transition-duration:.75s}.hamburger.is-active span{transform:translate3d(0,0,0) rotate(135deg);-webkit-transform:translate3d(0,0,0) rotate(135deg);-moz-transform:translate3d(0,0,0) rotate(135deg);-ms-transform:translate3d(0,0,0) rotate(135deg);-o-transform:translate3d(0,0,0) rotate(135deg);transition-delay:.075s;transition-duration:.5s}.hamburger.is-active span::before{transition-delay:0;opacity:0}.hamburger.is-active span::after{transform:translate3d(0,-11px,0) rotate(-90deg);-webkit-transform:translate3d(0,-11px,0) rotate(-90deg);-moz-transform:translate3d(0,-11px,0) rotate(-90deg);-ms-transform:translate3d(0,-11px,0) rotate(-90deg);-o-transform:translate3d(0,-11px,0) rotate(-90deg);transition-delay:.075s;transition-duration:.5s}