【OBS】シンプルなデジタル時計（無料配布あり）

全5種類のシンプルなデジタル時計です。

OBSに対応しており、配信画面などでご利用いただけます。

・black

・blue

・gray

・pink

・yellow

コードで色を変更する方法

下記のコードを変更することで、お好みの色に変更できます。

＿＿＿＿＿＿＿＿＿＿＿＿

.clock-wrap {

display: flex;

align-items: center;

background: #303030;　←背景カラーを変更

border-radius: 20px;

padding: clamp(24px, 4vw, 48px) clamp(32px, 5vw, 60px);

gap: clamp(24px, 4vw, 56px);

box-shadow: 0 8px 40px rgba(0,0,0,0.18);

}

.date,

.day {

color: #f6f6f6;　←日付、曜日のフォントカラーを変更

font-size: clamp(20px, 3.2vw, 41px);

line-height: 1.25;

white-space: nowrap;

}

.time {

color: #f6f6f6;　←時刻のフォントカラーを変更

font-size: clamp(60px, 12vw, 160px);

line-height: 1;

white-space: nowrap;

font-variant-numeric: tabular-nums;

letter-spacing: -0.02em;

}

＿＿＿＿＿＿＿＿＿＿＿＿

ご支援について

まずはお気軽にお試しください。

もし「役に立った」と感じていただけましたら、お気持ち程度のご支援をいただけますと幸いです。

✅ 許可していること

・配信などでの商用利用OK

・クレジット表記不要

・改変・加工OK

❌ 禁止していること

・ファイルの再配布・転売（改変の有無にかかわらず）

・本データをそのままテンプレートとして販売すること

本コンテンツは現状有姿での提供となり、不具合対応・動作保証・個別サポートは行っておりません。