【無料】選択肢ボタンCSSアニメ集|ノベルゲーム向け・ホバーと出現の動きつき5種をコピー
- Digital0 JPY







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






