byted-vui/lib/theme-chalk/carousel-item.css

A Component Library for Vue.js.

.vi-carousel__item,.vi-carousel__mask{position:absolute;height:100%;top:0;left:0}.vi-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.vi-carousel__item.is-active{z-index:2}.vi-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}.vi-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}.vi-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.vi-carousel__item--card.is-in-stage.is-hover .vi-carousel__mask,.vi-carousel__item--card.is-in-stage:hover .vi-carousel__mask{opacity:.12}.vi-carousel__item--card.is-active{z-index:2}.vi-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}