Post #3489083
2026-06-23 10:53 UTC
Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️
https://css-tip.com/wiggly-range-slider/
Another funny demo powered by border-shape, scroll-driven animations, and more
The HTML code? Only an input element (no extra code is needed)
#CSS #HTML
Replies (1)
-
@css@front-end.social 2026-06-30 10:23
To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions! https://css-tip.com/wiggly-range-slider-2/ Now, the range slider is perfect, no one can say otherwise! #CSS #HTML