How It Works

Liquid Fill

Watch your cup fill from bottom to top

0% Empty

25% Quarter

50% Halfway

75% Almost!

100% Full!

🌊

Wave Animation

Smooth wave at the liquid surface moves side to side, giving each cup a living, breathing feel.

🫧

Bubble Effects

Animated bubbles rise through the liquid, adding depth and personality to every drink.

✨

ClipPath Magic

SVG clipPath keeps liquid perfectly inside the cup shape — no overflow, pixel-perfect edges.

The fill level is controlled by CSS transitions — smooth 0.8s ease animation on every update.

Made with coffee by AnimationBlondie · Kawaii Drinkies v1.0