ちいつる

マイクロ・フィードバック

紙吹雪セレブレーション

ボタンを押すと紙吹雪が舞い上がる成功演出。依存ゼロの自前パーティクルが重力で落下+回転。連打しても枠内に収まる。

ENGLISH

Confetti Celebration

  • JS
143マイクロ・フィードバック の一覧 →

プレビュー

クリック

操作クリック/タップで動きます。

コード(コピーして使えます)

<div class="cf-wrap" id="cfWrap">
  <div class="cf-stage" id="cfStage" aria-hidden="true"></div>
  <div class="cf-content">
    <p class="cf-msg" id="cfMsg">目標達成おめでとう!</p>
    <button class="cf-btn" id="cfBtn">
      <span>🎉 お祝いする</span>
    </button>
  </div>
</div>

タグ

関連パーツ