carousel.css

/* carousel */
.carousel {
	overflow: hidden;
	position: relative;
	height: 340px;
}

.carousel-item {
	position: absolute;
	background: #eee;
	width: 400px;
	height: 200px;
}

.carousel-controls {
	position: absolute;
	bottom: 20px;
}

/* carousel transitions */
.slide-enter,
.slide-leave {
	transition: all .5s ease-out;
}

.slide-enter {
	left: 100%;
}

.slide-enter.slide-enter-active {
	left: 0;
}

.slide-leave {
	left: 0;
}

.slide-leave.slide-leave-active {
	left: -100%;
}

.backward .slide-enter {
	left: -100%;
}

.backward .slide-enter.slide-enter-active {
	left: 0;
}

.backward .slide-leave.slide-leave-active {
	left: 100%;
}