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

Cabaran DEV's Frontend: Winter Solstic!

Mary-Kate Olsen
Lepaskan: 2025-01-01 13:48:10
asal
366 orang telah melayarinya

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan