選択肢ボタンCSSアニメ集|ノベルゲーム向け30種・色変更・出現と選択の動き【無料版あり】
- Digital680 JPY








\30種のボタンから選んで、色を変えてコピー/ ノベルゲームの選択肢に使える、ホバー・選択・出現の動きつきボタンのデザイン集です。 30種のデザインから選び、ボタンの色・文字の色・文言を変えて、CSSとHTMLをコピーできます。夜・森・昼の背景で、見え方も確かめられます。 ■ 例えばこんな使い方 ◎ ノベルゲームの「話しかける・立ち去る」などの選択肢ボタンに ◎ マウスを乗せたとき、押したときの見た目を選ぶ ◎ 選択肢がふわっと出てくる動きをつける ■ 使い方(3ステップ) ① choice-button-anim.html をダブルクリックして、ブラウザで開く ② デザイン一覧からボタンを選ぶ(乗せたり押したりして動きを確かめられます) ③ 「CSSをコピー」「HTMLをコピー」で、ご自分の画面に貼る ■ できること ◆ デザイン30種(枠・塗り・光る・ネオン・和風・ドット風・すりガラス・レトロ風など) ◆ ボタンの色と文字の色の変更、文言の入力(3つ) ◆ 夜・森・昼の背景での見え方の確認 ◆ 出現の動き6種(ふわっと・下から・左から・ズーム・上から・なし)と、順番にずらす設定 ◆ 選択したときの動き(ぽんと跳ねる・一瞬光る) ◆ CSS、HTML、HTML+CSS+JSの1ファイル分のコピー ◆ ★を付けたデザインのCSSをまとめてコピー ■ 無料版もあります デザイン5種の無料版です。先に動きを確かめたい方はこちら。https://mall-aibou.booth.pm/items/8987207 ■ 動作環境 ・Chrome / Edge / Safari の最新版(動作確認はChromeのみです) ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ■ 配布内容 ・choice-button-anim.html ・README.txt ■ ご利用について ・個人・法人どちらも使えます ・クレジット表記は不要です ・コピーしたCSSは、ご自分の作品に組み込めます ・ファイルそのものの再配布・販売はご遠慮ください ■ ご注意 ・非公式のツールです。各社とは関係ありません ・HTMLとCSSを書ける場面向けです。貼り付け先のソフト(ティラノスクリプトなど)の仕様に合わせて、クラス名や貼る場所を調整してください ・動作の確認はブラウザ(Chrome)のみです。各ゲーム制作ソフトでの動作は確認していません ■ 更新情報 2026/10/14 公開 TOOL BOX







