💡 Scroll-Snap-Type

Allows you to create smooth, controlled scrolls with a "binding" to certain positions.

.container {
  scroll-snap-type: x mandatory;
}
.item {
  scroll-snap-align: start;
}

🔘 is used for carousels, sliders and lists.

Why is it needed:

➡️ Make UX convenient and predictable.

➡️ Get rid of crutches on js.



💎 @htmlcss_channels

Page loading Animation using #HTML and #CSS



💎 @htmlcss_channels