ブラウザ上で使用する事ができるシンプルな時計が欲しいと思い、時計だけが表示されるサイトを作成しました。背景にはGoogle Driveにアップした水槽の動画を使用し、まるでアクアリウムのような置き時計をコンセプトに設計しています。ただ、背景動画を読み込むのには時間がかかるため、ロードアニメーションを追加しました。また、ブラウザ上ではタブやアドレスバーが表示されるため、時計を表示する際に邪魔になるので、左上の拡大アイコンをクリックするとフルスクリーンに、縮小アイコンを押す事でフルスクリーンが解除されるようにしました。
日時の表示(clock)
フルスクリーン
ロードアニメーション(load)
背景素材