首頁 > web前端 > css教學 > DEV 的前端挑戰:冬至!

DEV 的前端挑戰:冬至!

Mary-Kate Olsen
發布: 2025-01-01 13:48:10
原創
368 人瀏覽過

DEV

這是前端挑戰賽 - 12 月版的提交,魅力我的標記:冬至

我建造了什麼

網站僅由基本的 html、css 和 javascript 建構。
在網站中,我嘗試維護兩個主題,一個作為夜間主題,一個作為白天主題。
前半部是夜晚,從冰粒開始,後半部從雲和太陽開始。
我嘗試添加許多圖像和元素來代表我冬季的感受。
而且網站根本沒有回應。

示範

這是網站的現場示範
https://medium-winter-solstice.vercel.app/
這是我的 github 倉庫
https://github.com/Sami3160/Medium-Winter-Solstice

旅行

我學到了更多的創造力,我通常在後端工作,但現在經過長時間創建一個前端網站我感到很滿意,網站最喜歡的部分是,聖誕老人飛過山脈,他們是雲和月亮。

當我們滾動時,主題會發生變化,就像夜晚到午夜到黎明到明亮的白色中午,然後再到晚上。

我只是想添加更多的效果,例如更多的降雪效果、更多的動畫、元素和很酷的視差效果,但我只能做到這麼多。

還有一個更有趣的部分是「跨半球的至日」部分,這是一個旋轉的地球半球圖像,其描述也發生變化。

以上是DEV 的前端挑戰:冬至!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板