@opentiny/vue-theme/carousel-item/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-carousel{--tv-CarouselItem-title-height:var(--tv-size-height-lg, 40px);--tv-CarouselItem-title-text-color:var(--tv-color-text-weaken, #808080);--tv-CarouselItem-title-bg-color:var(--tv-color-bg-primary, #191919);--tv-CarouselItem-title-span-font-size:var(--tv-font-size-default, 14px);--tv-CarouselItem-mask-bg-color:var(--tv-color-bg-secondary, #ffffff)}.tiny-carousel__item,.tiny-carousel__mask{position:absolute;height:100%;top:0;left:0}.tiny-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.tiny-carousel__item .item-title{position:absolute;bottom:0;height:var(--tv-CarouselItem-title-height);width:100%;line-height:var(--tv-CarouselItem-title-height);color:var(--tv-CarouselItem-title-text-color);text-align:left;background:var(--tv-CarouselItem-title-bg-color);opacity:.3}.tiny-carousel__item .item-title span{padding:0 16px;font-size:var(--tv-CarouselItem-title-span-font-size);width:80%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tiny-carousel__item.is-active{z-index:2}.tiny-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}.tiny-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}.tiny-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.tiny-carousel__item--card.is-in-stage.is-hover .tiny-carousel__mask,.tiny-carousel__item--card.is-in-stage:hover .tiny-carousel__mask{opacity:.12}.tiny-carousel__item--card.is-active{z-index:2}.tiny-carousel__mask{width:100%;background-color:var(--tv-CarouselItem-mask-bg-color);opacity:.24;-webkit-transition:.2s;transition:.2s}