§16-09Motion
Like burst (ハート爆発)
タップした瞬間に粒子を放つ演出。
いいねの操作に手応えを与え、押したことが確実に伝わる。反応を繰り返し集めたい SNS やコメント欄で使う。
実装のポイント
粒子は絶対配置の要素を数個放射状に飛ばし、animationend で DOM から除去する。ボタン本体には aria-pressed を付け、演出とは独立して状態を伝える。
- 特徴
- アニメーション
- 状態管理
- デモで使っているもの
- motion
- lucide-react
§16-09Motion
タップした瞬間に粒子を放つ演出。
いいねの操作に手応えを与え、押したことが確実に伝わる。反応を繰り返し集めたい SNS やコメント欄で使う。
粒子は絶対配置の要素を数個放射状に飛ばし、animationend で DOM から除去する。ボタン本体には aria-pressed を付け、演出とは独立して状態を伝える。