前端挑戰：12 月版：魅力我的標記：冬至

這是前端挑戰賽 - 12 月版的提交內容，CSS 藝術：12 月。

靈感

在這個挑戰中，我試著為每個部分創造不同的體驗，同時嘗試講述冬至的故事。挑戰在於根本無法使用額外的 div 標籤來編輯 HTML 頁面，因此我必須找出如何使用 javascript 插入額外的標籤。

不只我的 CSS 技巧有點生疏，我的視覺設計技巧也有點生疏。

示範

這是我的現場示範
(https://december24-glamup.vercel.app/christmas.html)

這是我的程式碼
https://github.com/aislinngreycat/December-Dress-Up-CSS

圖片來自 Unsplash，我確實使用 ChatGpt 來建立一些程式碼。有趣的是，使用 ChatGPT 來尋找範例程式碼是多麼容易。

旅行

這是我的第一個整體挑戰，也是大約 5（？） 年來我的第一次 css 編輯。從那時起，發生了很多變化，我很高興知道，即使沒有 javascript，現在也可以實現很多視覺效果。

冬至常與「雪」連結在一起，但事實並非如此。這甚至根本不是關於聖誕節的。世界上有很多地方 12 月 21 日沒有下雪，而且有很多文化不慶祝聖誕節。
它實際上是關於地球和太陽的運動，以及日光如何變化。這就是我想傳達的。

慶典和傳統部分是我迄今為止忽略的部分。如果我在接下來的幾天裡在宴會和社交活動之間有一些時間的話，我仍然願意做這件事 -

1. 慶祝部分的卡片揭曉。我希望將滑鼠懸停在卡片上即可顯示。

2. 傳統部分可以做得更好，但我還是需要一點靈感。

感謝您的閱讀！

以上是前端挑戰：12 月版：魅力我的標記：冬至的詳細內容。更多資訊請關注PHP中文網其他相關文章！