LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.nav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
}
.nav .nav-btn {
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  transition: 0.5s ease;
}
.nav .nav-btn:before, .nav .nav-btn:after {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 3px;
  background: white;
  left: 8px;
  transition: 0.5s ease;
}
.nav .nav-btn:before {
  top: calc(8px + 2px);
  transform: rotate(45deg);
}
.nav .nav-btn:after {
  bottom: calc(8px + 2px);
  transform: rotate(-45deg);
}
.nav .nav-btn.next {
  right: 32px;
}
.nav .nav-btn.prev {
  left: 32px;
  transform: rotate(180deg);
}
.nav .nav-btn:focus:before {
  transform: rotate(225deg);
}
.nav .nav-btn:focus:after {
  transform: rotate(-225deg);
}
.nav .nav-btn:hover.prev {
  transform: rotate(180deg) scale(1.2);
}
.nav .nav-btn:hover.next {
  transform: rotate(0deg) scale(1.2);
}

.container {
  margin: auto;
  max-width: 960px;
}
.container .wrapper {
  margin: 30px;
}

.carousel {
  width: 100%;
  height: 420px;
  background: tomato;
  position: relative;
}
JS
¯\_(ツ)_/¯
Term
Wed, 12/27/2017 - 07:06

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv