个人作品集

目标

• 创建移动端优先的响应式布局
• 使用 CSS 变量实现深色/浅色主题切换
• 构建各区域之间的平滑滚动导航
• 添加带悬停效果的项目展示网格
• 包含一个可用的联系表单

提示

• 使用 CSS 自定义属性实现主题切换
• 使用 IntersectionObserver 实现滚动动画
• 尝试使用 CSS Grid 实现项目展示布局

资源

• developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout
• web.dev/prefers-color-scheme

评论 (0)