Rumah >hujung hadapan web >tutorial css >Cabaran DEV's Frontend: Winter Solstic!

Cabaran DEV's Frontend: Winter Solstic!

Mary-Kate Olsen
Mary-Kate Olsenasal
2025-01-01 13:48:10394semak imbas

DEV

Ini adalah penyerahan untuk Cabaran Frontend - Edisi Disember, Glam Up My Markup: Winter Solstice

Apa yang Saya Bina

Tapak web dibina hanya dengan html asas, css dan javascript.
Dalam laman web saya cuba mengekalkan dua tema satu sebagai tema malam dan satu sebagai siang.
Separuh pertama adalah pada malam yang bermula dengan zarah ais dan separuh lagi bermula dengan awan dan matahari.
Saya cuba menambah banyak imej dan elemen untuk mewakili perasaan saya musim sejuk.
Laman web juga tidak responsif sama sekali.

Demo

ini ialah demo langsung tapak web
https://medium-winter-solstice.vercel.app/
dan inilah repo github saya jika tapak web
https://github.com/Sami3160/Medium-Winter-Solstice

Perjalanan

Saya belajar lebih banyak kreativiti, saya biasanya bekerja di bahagian belakang, tetapi kini setelah lama mencipta tapak web bahagian hadapan saya berasa puas, bahagian kegemaran tapak web ialah, Santa terbang melalui pergunungan dan mereka adalah awan dan bulan.

Dan semasa kita menatal tema berubah seperti malam ke tengah malam kepada fajar ke tengah hari putih terang dan kemudian sekali lagi petang.

Saya hanya mahu menambah lebih banyak kesan seperti lebih banyak kesan salji, dan lebih banyak animasi, elemen dan kesan selari yang sejuk, tetapi saya berjaya melakukannya sahaja.

Dan satu lagi bahagian yang menyeronokkan ialah bahagian "Solstis Merentasi Hemisfera", imejnya ialah satu hemisfera bumi yang berputar dan perihalannya berubah.

Atas ialah kandungan terperinci Cabaran DEV's Frontend: Winter Solstic!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn