.deck {
  position: relative;
  overflow: hidden;
}
.slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
}

.currentSlide {
  transform: translate3d(0,0,0);
  overflow: auto;
}

.horizontalDeck > .slideBefore {
  transform: translate3d(-100%,0,0);
}
.horizontalDeck > .slideAfter {
  transform: translate3d(100%,0,0);
}

.verticalDeck > .slideBefore {
  transform: translate3d(0,-100%,0);
}
.verticalDeck > .slideAfter {
  transform: translate3d(0,100%,0);
}