----/--/--
--:--
配置位置
OBSでの配置位置に合わせて角丸パターンを選べます。
OBSブラウザソースURL
https://pochipochi-stamp.com/tools/stream-clock/gradient-quicksand-lavender-center-hm-date/clock/OBSおすすめサイズ: 幅 260 × 高さ 120 px
カスタマイズ
変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。
文字色
#ffffffフォントサイズ
px
OBSでの設定方法
- OBSで「ブラウザ」ソースを追加
- URLに上記のURLを貼り付け
- 幅・高さを上記のおすすめサイズに設定
- OKを押して完了
CSSでさらにカスタマイズ
OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。
/* OBSのカスタムCSS欄に貼り付け */
:root {
--clock-color: #ffffff;
--clock-font-size: 48px;
--clock-font-family: 'Quicksand', sans-serif;
--clock-gradient-c1: #c4b5fd;
--clock-gradient-c2: #b4a8e8;
--clock-gradient-c3: #a78bfa;
--clock-gradient-angle: 135deg;
--clock-border-radius: 12px;
--clock-padding: 16px 32px;
}