地球日庆祝活动落地页提交

这是前端挑战赛 v24.04.17的参赛作品，主题是“Glam Up My Markup：地球日庆祝活动落地页”。

我建造的

我的主要目标是创造一种独特的审美风格。新粗野主义、Y2K风格以及Furiger Aero的元素都给了我灵感。我尝试将不同的风格和元素混搭，直到找到我认为在视觉上吸引人的东西。
我主要使用了CSS，也用到了少量的JS。虽然牺牲了不少可读性，但我认为一切都是值得的。

希望你也喜欢！

演示

试试看： https://esyfyi.github.io/2024-earth-day-frontend-challenge/

旅行

我的创作过程很简单：我上网寻找灵感，尝试复刻，然后不断组合搭配，直到找到自己满意的效果。我还大量使用了剪贴路径和CSS滤镜；我喜欢对比鲜明的文字与背景插图的互动效果。

我使用 Adob​​e Firefly 生成背景插图，然后使用 Photoshop 将其分成多个图层。

我不得不使用 requestAnimationFrame 来平滑滚动动画，因为只使用滚动事件感觉很卡顿。

总的来说，我对结果很满意，而且这几个小时过得很愉快。

源代码：https://github.com/esyfyi/2024-earth-day-frontend-challenge/