Interactive demo
打卡越多聖誕裝置、相片越高質,獲取大獎機會越高!
- 你的進度:已打卡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.