ノベルゲームや配信画面の選択肢に使える、ホバー付きボタンのCSSを作るツールです。 12種の見た目から選び、色・大きさ・間隔・動く速さなどを変えると、CSS・HTML・完成版HTMLが出力されます。 ブラウザで開くだけで動き、設定した内容は外部に送られません。 無料版もあります。https://mall-aibou.booth.pm/items/8981748 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 出力したコードは、お使いのゲームや配信画面で必ず動作を確認してからお使いください。 ゲーム制作ツールによっては、ボタンのHTMLの構造が決まっている場合があります。その場合は、クラス名やCSSの書き方を合わせて調整してください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 見た目12個(シンプル枠・半透明パネル・下線スライド・ふわっと光る・左から塗る・斜めに光が走る・浮き上がる・ネオン枠・矢印マーカー・グラデーション流れ・和風・ドット風) ◆ 2色目、文字の大きさ、角の丸み、余白、ボタンの幅、文字の位置、文字の間隔 ◆ 動く速さ、ボタンの間隔、ボタンの数(2〜5つ)、押したときの動き ◆ クラス名の変更と、選択肢5つ分の文言の入力 ◆ マウスを乗せたときの動きの確認(プレビュー) ◆ CSS、HTML、1ファイルの完成版HTMLのコピー ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. choice-button-css.html をダブルクリックして、ブラウザで開く 2. 見た目を選び、色・大きさ・間隔・文言などを変える(プレビューのボタンにマウスを乗せて確認) 3. CSSとHTMLをコピーして、ご自分のページやゲームに貼る。完成版HTMLを保存して、そのまま開くこともできます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ボタンの画像素材は含まれません。CSSで描くボタンです ・特定のゲーム制作ツール専用の書き出し機能はありません ・クリックしたときの分岐やストーリーの進行など、動きの処理(JavaScript)は含まれません ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　choice-button-css.html ／ README.txt TOOL BOX