New CSS Feature: Scroll Snap

Опубликовано: 11 Март 2026
на канале: Coding Dev
4,233
like

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
https://znap.link/coding_dev_

Also follow me on Instagram for more such stuff:   / coding_dev_  

Buy me a coffee: https://www.buymeacoffee.com/codingdev

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