DEVs Frontend-Herausforderung: Winter Solstic!

Dies ist eine Einreichung für Frontend Challenge – Dezemberausgabe, Glam Up My Markup: Winter Solstice

Was ich gebaut habe

Die Website besteht nur aus einfachem HTML, CSS und Javascript.
Auf der Website habe ich versucht, zwei Themen beizubehalten, eines als Nachtthema und eines als Tagesthema.
Die erste Hälfte ist Nacht, die mit Eispartikeln beginnt, und die andere Hälfte beginnt mit Wolken und Sonne.
Ich habe versucht, viele Bilder und Elemente hinzuzufügen, um darzustellen, wie ich mich in der Wintersaison fühle.
Außerdem reagiert die Website überhaupt nicht.

Demo

Hier ist eine Live-Demo der Website
https://medium-winter-solstice.vercel.app/
und hier ist meine Github-Repo-Website
https://github.com/Sami3160/Medium-Winter-Solstice

Reise

Ich habe mehr Kreativität gelernt, ich arbeite normalerweise am Backend, aber jetzt, nachdem ich lange Zeit mit der Erstellung einer Frontend-Website verbracht habe, bin ich zufrieden. Der Lieblingsteil der Website ist, dass der Weihnachtsmann durch Berge fliegt und es Wolken und Mond gibt.

Und während wir scrollen, ändert sich das Thema von der Nacht über Mitternacht bis zum Morgengrauen, zum strahlend weißen Mittag und dann wieder zum Abend.

Ich wollte nur mehr Effekte hinzufügen, wie mehr Schneefall-Effekte und mehr Animationen, Elemente und einen coolen Parallex-Effekt, aber ich schaffe nur so viel.

Und ein weiterer lustiger Teil ist der Abschnitt „Sonnenwende über die Hemisphären“, in dem es um ein Bild der Erdhalbkugel geht, das sich dreht und dessen Beschreibung sich ändert.

Das obige ist der detaillierte Inhalt vonDEVs Frontend-Herausforderung: Winter Solstic!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!