CSS Scroll Snap Generator
Configure scroll snap properties and preview the effect in real time
Settings
Scroll Direction
Horizontal (x)
Vertical (y)
Both
Snap Strictness
Mandatory
Proximity
Snap Align
Start
Center
End
None
Scroll Padding
0px
Item Size (%)
100%
Number of Items
-
5
+
Horizontal Scroll Preview
Generated CSS
Copy CSS