UNPKG

@sarawebs/sb-components

Version:

SaraWebs components for web apps and tools

github.com/mdahamshi/sb-components

mdahamshi/sb-components

1 lines • 764 B
1
.carousel{border:2px solid #ccc;border-radius:10px;overflow:hidden;position:relative;width:800px}.carousel-track{display:flex;list-style:none;margin:0;padding:0;transition:transform .3s ease-in-out}.carousel-slide img{display:block;height:300px;width:800px}.carousel-button{background:hsla(0,0%,100%,.7);border:none;border-radius:50%;cursor:pointer;font-size:2rem;padding:.5rem 1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel-button.left{left:10px}.carousel-button.right{right:10px}.carousel-nav{background:#fff;padding:10px 0;text-align:center}.carousel-indicator{background:#ccc;border:none;border-radius:50%;cursor:pointer;display:inline-block;height:12px;margin:0 5px;width:12px}.carousel-indicator.current-slide{background:#333}