--:--:--

ネオン イエロー 丸枠チカチカ (秒あり) / Share Tech Mono

端末風等幅フォントShare Tech Monoのイエローに光るネオンサイン風の丸枠チカチカ時分秒表示

ネオン時:分:秒

OBSブラウザソースURL

https://pochipochi-stamp.com/tools/stream-clock/neon-sharetechmono-yellow-border-round-flicker-hms/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: 'Share Tech Mono', monospace;
  --clock-glow-color: #ffdd00;
  --clock-neon-core: #fffde8;
  --clock-neon-border: 2px;
  --clock-neon-border-radius: 999px;
  --clock-padding: 12px 32px;
  --clock-neon-flicker: 1;
}