前端挑战：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中文网其他相关文章！