.owl-carousel .owl-wrapper, .owl-carousel .owl-item, .swiper-wrapper, .swiper-slide {
backface-visibility: hidden; transform: translate3d(0, 0, 0);
}
.single-slide {
opacity: 0 !important; &.set-position { opacity: 1 !important; }
}
.js-origin {
perspective: 1200px; perspective-origin: 50% 50%;
}
/* backSlide */ .js-back-slide-out {
-webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;
}
.js-back-slide-in {
-webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;
}
.swiper-carousel {
overflow: hidden;
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-400px); } 75% { opacity: .5; -webkit-transform: translateZ(-400px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-400px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-400px); } 75% { opacity: .5; -moz-transform: translateZ(-400px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-400px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-400px); } 75% { opacity: .5; transform: translateZ(-400px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-400px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-400px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-400px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-400px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-400px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-400px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-400px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); }
}