--:--

ネオン イエロー 丸枠 / Orbitron

SF感のあるOrbitronのイエローに光るネオンサイン風の丸枠付き時分表示

ネオン時:分

OBSブラウザソースURL

https://pochipochi-stamp.com/tools/stream-clock/neon-orbitron-yellow-border-round-hm/clock/

カスタマイズ

変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。

文字色
#fffde8
フォントサイズ
px

OBSでの設定方法

  1. OBSで「ブラウザ」ソースを追加
  2. URLに上記のURLを貼り付け
  3. 幅・高さを上記のおすすめサイズに設定
  4. OKを押して完了

CSSでさらにカスタマイズ

OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。

/* OBSのカスタムCSS欄に貼り付け */
:root {
  --clock-color: #fffde8;
  --clock-font-size: 48px;
  --clock-font-family: 'Orbitron', sans-serif;
  --clock-glow-color: #ffdd00;
  --clock-neon-core: #fffde8;
  --clock-neon-border: 2px;
  --clock-neon-border-radius: 999px;
  --clock-padding: 12px 32px;
}