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