/
carousel.css
1 lines (1 loc) · 1.25 KB
/
carousel.css
1
.car3{border:1px solid #000;position:relative}.car3_carousel{-ms-overflow-style:none;scrollbar-width:none;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:scroll}.car3_carousel::-webkit-scrollbar{display:none}.car3_item{padding:2rem}.car3_item:nth-child(odd){border:1px solid #db7093;min-height:200px;min-width:400px}.car3_item:nth-child(even){border:1px solid #eee8aa;min-height:200px;min-width:400px}.wc__button,.wc__indicator-button{background:rgba(0,0,0,.25);border:none}.wc__button{color:#fff;font-weight:700;-webkit-transition:.3s background ease-in-out;-o-transition:.3s background ease-in-out;transition:.3s background ease-in-out}.wc__next-button{position:absolute;top:0;right:0;bottom:0}.wc__prev-button{position:absolute;top:0;left:0;bottom:0}.wc__indicator-container{min-width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:0;left:calc(50% - 250px)}.wc__indicator-button{border-radius:50%;min-width:30px;min-height:30px;cursor:pointer;-webkit-transition:.3s background ease-in-out;-o-transition:.3s background ease-in-out;transition:.3s background ease-in-out}.wc__indicator-button:focus,.wc__indicator-button:hover{background:rgba(0,0,0,.5)}