§16-10Motion

Confetti

完了時に紙吹雪を舞わせて祝う。

登録完了や目標達成の瞬間に紙吹雪を散らし、達成感を演出する。利用者の節目を祝い、次の行動につなげたい場面で使う。

実装のポイント

発射原点をボタンの getBoundingClientRect から正規化座標で渡すと、操作した場所から吹き出して見える。prefers-reduced-motion 時は演出を止める設定を必ず入れる。