@ykcl/smart-ui-oversea/packages/theme-chalk/lib/carousel-item.css

A Component Library for Vue.js.

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