elara-ui/lib/theme/carousel-item.css

Elara based on element-ui, and add other usefull components

.elara-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:0}.elara-carousel__item.is-active{z-index:2}.elara-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.elara-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.elara-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.elara-carousel__item--card.is-in-stage.is-hover .elara-carousel__mask,.elara-carousel__item--card.is-in-stage:hover .elara-carousel__mask{opacity:.12}.elara-carousel__item--card.is-active{z-index:2}.elara-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#FFF;opacity:.24;-webkit-transition:.2s;transition:.2s}