Noodles and Chopsticks Animation in CSS
Noodles by Julia Miocene on CodePen
Open on CodePen ↗Chopsticks dip into a bowl and lift noodles out, again and again, in a loop that never seems to run out. Alvaro Montoro picked it for his October 2023 roundup and called it smooth and hypnotising.
Julia Miocene drew and animated it with HTML and CSS.
animationartlinear-gradientborder-radius
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- interactive
by Jhey TompkinsWorking stopwatch
A stopwatch that keeps real time, counted by CSS animationsinteractiveanimation:checkedcounter() - animation
by Kiarash ZarinmehrDancing skeleton
A small skeleton that never stops dancinganimationarttransformborder-radius - animation
by Ricardo Oliva AlonsoPainter
A painter at his easel, drawn and animated in CSSanimationartborder-radiuslinear-gradient