Implement a Features Page with Flip Cards and Dark Mode Toggle
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- css, html, javascript
调研方向
由于没有指定文件或测试，首先定位页面入口点及其相关的 HTML、CSS 和 JavaScript 文件。实现悬停时显示详细信息的功能卡片，添加整页明暗模式切换，并验证这两种交互都具有参考视频中所示的平滑过渡效果。
由索引模型根据 Issue 内容生成。
描述
Create a simple Features Page using HTML, CSS, and JavaScript with the following functionalities:
- Flip Cards: Each feature card should flip on hover to reveal details.
- Dark Mode Toggle: A button should toggle between light and dark mode for the entire page.
- Smooth Transitions: Ensure smooth animations for both the card flip and dark mode toggle.
Here is a sample video for reference:
https://github.com/user-attachments/assets/de81ee19-2117-45cf-91b3-f40657131ff0
- 主要语言
- HTML
- 星标
- 10
- 派生
- 77
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
CommunityOfCoders/WebGenesis 的其他 Issue
-
Hard Node + Express React
难度 5/5 一周以上 新手友好度 25/100
-
Hard Node + Express Vite React
难度 4/5 3-5 天 新手友好度 45/100
-
Hard Node + Express Vite React
难度 5/5 一周以上 新手友好度 25/100
-
Flask Hard React
难度 5/5 一周以上 新手友好度 25/100
-
Framer Hard React
难度 4/5 3-5 天 新手友好度 35/100
查看 CommunityOfCoders/WebGenesis 的全部 Issue
相似的 Issue
-
Bug
难度 2/5 1-3 小时 新手友好度 73/100
Comfy-Org/ComfyUI_frontend#21302 ·
维护者通常 1 天内回复
-
难度 1/5 1 小时以内 新手友好度 94/100
Foundryborne/daggerheart#2497 ·
维护者通常 1 天内回复
-
About page未关闭
难度 2/5 1-3 小时 新手友好度 68/100
-
B-bug S-unverified
难度 2/5 1-3 小时 新手友好度 66/100
维护者通常 1 天内回复
-
area/docs framework/hugo help wanted language/markdown
难度 2/5 1-3 小时 新手友好度 65/100
维护者通常 1 天内回复