继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

前端挑战:十二月版 —— 给我的网页添点冬至的风采

慕码人2483693
关注TA
已关注
手记 222
粉丝 9
获赞 27

这是为2024年12月前端挑战:CSS艺术作品的提交。

灵感

在这个挑战中,我试图为每一部分创造不同的体验,同时讲述冬至节的各种故事。挑战是完全不能编辑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日没有雪,也有很多文化并不庆祝圣诞节,这与冬至无关。它实际上与地球和太阳的运动以及日照长短变化有关。这就是我想传达的意思。

如果这几天里,在宴请和社交活动的间隙,我仍然想抽空弄一弄这一块内容。迄今为止,我忽略了庆祝活动和传统这一块内容。

庆祝部分的卡牌展示。我希望悬停时显示卡牌。

传统部分还可以更上一层楼,但我现在还是需要一点灵感来帮助我。

谢谢你看!

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP