为了账号安全,请及时绑定邮箱和手机立即绑定

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

这是为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日没有雪,也有很多文化并不庆祝圣诞节,这与冬至无关。它实际上与地球和太阳的运动以及日照长短变化有关。这就是我想传达的意思。

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

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

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

谢谢你看!

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消