Interactive demo

打卡贏大獎

打卡越多聖誕裝置、相片越高質,獲取大獎機會越高!

小熊與聖誕樹裝飾 大獎 vivo X300 Ultra

-  你的進度:已打卡15次  -

Check-in button

Continuous 1.3s breathing loop, scaling from 100% to 103%. Shine starts at 0.1s and lasts 1s. Pause during updates.

Animation code — for reference

Progress update

Dim the card and decoration while loading. Once data is ready, fade loading out and roll through 3 intermediate digits: 0.6s per digit, 0.12s stagger, ease. Replay even if unchanged.

After the digits settle, show the toast: 0.18s slide / fade in, 2.4s hold, then fade out. On entry, animate the digits without a toast.

Animation code — for reference

Download reference code