#CSS only scroll-snap carousel.

#CSS “scroll-snap” property allows creating nice content based snap effect which makes CSS only carousel building a reality. To achieve this simply set the overflow property on parent container.

In the video example I am setting “overflow-x: scroll” as I want the images to scroll on x-axis. And then I set “scroll-snap-type: x mandatory;” which will make the scrolling over x axis possible.

Next on the children elements I set “scroll-snap-align: center” which scroll the child elements from the center.

#html #frontend #web #frontenddevelopment #wendesign #uiux
———————————————————-
https://zafar-saleem.github.io

Fiverr:
https://www.fiverr.com/s/2K4Rkj4
https://www.fiverr.com/s/zW2wBwE
https://www.fiverr.com/s/6Yax0kw

Видео #CSS only scroll-snap carousel. канала Zafar Saleem