New CSS Feature: Scroll Snap

The scroll-snap-type property specifies whether a scroll container is a scroll snap container, how strictly it snaps, and which axes are considered.

The child items of the scrolling container need an alignment point that they can snap to. We have used "start": a child item will snap to the start of its horizontal scrolling container.
Other values: center, end.

With "scroll-snap-stop: always", the browser will stop at each snap point. So, the image items are stopped everytime it snaps.
Other value: normal.

The "scroll-padding" shorthand property sets scroll padding on all sides, similar to how the padding property works.

✨ This new CSS feature is perfect for making image galleries!

Don't forget to like the video and
Subscribe for more

All Source Code Link

#html #css #html5 #css3 #webdevelopment #websites #amazing #follow #coding #programming