# CSS coffee and milk balance slider

![CSS coffee and milk balance slider](https://www.yadongxie.com/saved/69051baeb2.webp)

Motion · [@jh3yy](https://x.com/jh3yy) · [View on X](https://x.com/jh3yy/status/1748809599598399792)

A CSS-only balance slider whose labels count up and down via scroll-driven animation on the range thumb.

css · slider · ui · interaction · animation