我设计,你建造! - 前端挑战 #1 idesignyoubuild #webdev #javascript

2025-05-28

我设计,你建造! - 前端挑战#1

idesignyoubuild #webdev #javascript

挑战

超棒的渐变色 3D空间设计,展现别样的设计风格。按照设计创建主页。请满足以下目标和/或额外要求:

目标:

  • 🎯 目标:用户可以看到类似的设计
  • 🎯 目标:响应式设计
  • 🎯 目标:在移动设备上,当我选择汉堡菜单时,我可以看到导航

额外的:

  • 🌟 额外功能:背景模糊tips: backdrop-filter: blur();
  • 🌟 额外:动画、悬停动画

资源:

⚠ 如果只是复制粘贴别人的答案,那就失去了学习的目的😭!


开始编码!

如果你准备好接受挑战,那么

  1. 喜欢💖 Dribbble上的这个设计并关注我!
  2. 请收藏此帖子以便您可以更轻松地提交。
  3. 右键单击 此处在新选项卡中打开链接以查看 Figma 设计。
  4. 享受编码!🤩
  5. 回来提交!

所有图像资产均可免费使用,并可从 Figma Design 导出。

泽诺尼亚空间设计


提交

完成后,请返回本文,并template在评论区使用以下方式提交您的解决方案。我们鼓励您评论点赞其他人的答案!

谢谢!💘

Feedback: This is awesome!

Demo: <url>
Github: <url>
Tech-Stack: Vue, TailwindCSS
Learning Outcome: 
  1. 
  2.

Enter fullscreen mode Exit fullscreen mode

为什么?

我免费分享这些设计,以便任何想要练习或挑战网页设计的人都可以这样做,而无需向其他平台(咳咳)付费来获取他们的**Figma 设计*🎨文件。

您可以自由地在您的作品集中使用您创作的设计。无需任何版权声明或其他任何内容。

但如果你喜欢我的作品,欢迎你在TwitterDev.to上关注我😄

感谢您的时间和关注!

文章来源:https://dev.to/zernonia/i-design-you-build-frontend-challenge-1-158a
PREV
使用 JavaScript 构建一个简单的国际象棋 AI
NEXT
网页动画介绍 CSS 动画 1. 杠铃 2. 手臂 3. 脸部 4. 身体