----/--/--
--:--
配置位置
OBSでの配置位置に合わせて角丸パターンを選べます。
OBSブラウザソースURL
https://pochipochi-stamp.com/tools/stream-clock/retro-silkscreen-bgblack-green-center-hm-date/clock/OBSおすすめサイズ: 幅 220 × 高さ 100 px
カスタマイズ
変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。
文字色
#00ff41背景色
#000000不透明度
100%
フォントサイズ
px
OBSでの設定方法
- OBSで「ブラウザ」ソースを追加
- URLに上記のURLを貼り付け
- 幅・高さを上記のおすすめサイズに設定
- OKを押して完了
CSSでさらにカスタマイズ
OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。
/* OBSのカスタムCSS欄に貼り付け */
:root {
--clock-color: #00ff41;
--clock-font-size: 40px;
--clock-font-family: 'Silkscreen', system-ui, sans-serif;
--clock-bg: #000000;
--clock-bg-opacity: 1;
--clock-border-radius: 0px;
--clock-padding: 8px 16px;
}