首页 > web前端 > css教程 > DEV 的前端挑战:冬至!

DEV 的前端挑战:冬至!

Mary-Kate Olsen
发布: 2025-01-01 13:48:10
原创
366 人浏览过

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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板