DEV のフロントエンド チャレンジ: 冬至!

これはフロントエンド チャレンジ - 12 月版、Glam Up My Markup: Winter Solstice への提出です

私が作ったもの

ウェブサイトは基本的な html、css、javascript のみで構築されています。
ウェブサイトでは、夜のテーマと昼のテーマの 2 つのテーマを維持しようとしました。
前半は氷の粒子で始まる夜、もう半分は雲と太陽で始まります。
冬の季節をどのように感じているかを表現するために、多くの画像や要素を追加しようとしました。
また、ウェブサイトはまったく応答しません。

デモ

これはウェブサイトのライブデモです
https://medium-Winter-solstice.vercel.app/
そしてここが私の github リポジトリのウェブサイトです
https://github.com/Sami3160/Medium-Winter-Solstice

旅

私はより創造性を学びました。普段はバックエンドで働いていますが、長い時間をかけてフロントエンドのウェブサイトを作成した今では満足しています。ウェブサイトの一番好きな部分は、サンタが山々を飛んでいて、そこには雲と月があることです。

そして、スクロールするにつれて、テーマは夜、真夜中、夜明け、明るい白い真昼、そして再び夕方のように変化します。

もっと降雪効果、アニメーション、要素、クールな視差効果など、もっと多くの効果を追加したかったのですが、なんとかこれくらいしかできませんでした。

そしてもう 1 つの楽しい部分は、「半球をまたぐ夏至」セクションです。これは 1 つの地球の半球の画像が回転し、その説明が変化します。

以上がDEV のフロントエンド チャレンジ: 冬至!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。