# Pure CSS Image Swapper #CSS is constantly evolving, which opens up new possibilities for implementing components that were previously reserved exclusively for #Javascript. Image Carousel 🎡 is one such component. ```htmlx

Pick a Sheep

...

``` ```css .slider { display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; background: #FFFFFF; border-radius: 1.0rem; padding: 1rem; } .carousel { width: 176px; overflow: hidden; } .entries { display: flex; justify-content: space-evenly; scroll-snap-type: x mandatory; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .entries > img { position: relative; flex-shrink: 0; width: 176px; height: 231px; scroll-snap-align: center; } ``` [Pure CSS image carouse](https://codepen.io/owcakw/pen/VYwzzap) by Owieczka ```html ``` [Pure CSS image carouse](https://codepen.io/owcakw/pen/VYwzzap) by Owieczka ```html ``` GitHub https://github.com/owieczka/CSS-image-carouse ----