OBSのブラウザソースに重ねる、コメント欄の飾り枠を作るツールです。 枠の種類・色・太さ・角の丸みなどを選ぶと、CSSとOBS用のURLが出力されます。 ブラウザで開くだけで動き、設定した内容は外部に送られません。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 枠はコメント欄の「上に重ねる」使い方です。コメント自体の表示は、お使いのコメントビューアやコメント表示ソースで行ってください。 OBSやコメントビューアのバージョンによって、見え方や動きが変わる場合があります。 OBSに入れたあとに、実際の画面でご確認ください。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 枠の種類3つ(ベタ線・二重線・ネオン) ◆ 幅・高さの指定、色、線の太さ、角の丸み、光の強さ ◆ 模擬コメント入りのプレビュー(暗い背景・明るい背景) ◆ CSSのコピー ◆ OBSのURL欄に貼れる、透過表示用のURLのコピー ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 枠の種類が全8つに(脈動ネオン・回るグラデーション・パステル・ドット風・四隅だけが加わります) ◆ 2色目、動きの速さ、内側を暗くする設定、ラベルの表示 ◆ サイズの例5つ、配色の例4つ ◆ 完成HTMLの出力 有料版はこちらです。https://mall-aibou.booth.pm/items/8981741 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. comment-frame-css.html をダブルクリックして、ブラウザで開く 2. 枠の種類・大きさ・色を選ぶ(プレビューで確認できます) 3. 「URLをコピー」を押し、OBSの「ソース」→「ブラウザ」のURL欄に貼る。幅と高さは、画面で決めた値に合わせる ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・コメントを表示する機能はありません。枠だけを作るツールです ・YouTube・Twitchなどのチャット欄そのものの見た目を変える機能はありません ・PNGなど画像ファイルの書き出し機能はありません ・回るグラデーションや脈動ネオンの動きは、お使いのOBSのブラウザソースの対応状況によって動かない場合があります ・このファイルを移動・名前変更したときは、URLを取り直してください ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　comment-frame-css.html ／ README.txt TOOL BOX