Implement a Features Page with Flip Cards and Dark Mode Toggle
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- css, html, javascript
Hướng nghiên cứu
Vì không có tệp hoặc bài kiểm thử nào được nêu tên, trước tiên hãy xác định điểm vào của trang và các tệp HTML, CSS và JavaScript liên quan. Triển khai các thẻ tính năng hiển thị chi tiết khi di chuột qua, thêm nút chuyển đổi sáng/tối cho toàn bộ trang và xác minh rằng cả hai tương tác đều có chuyển tiếp mượt mà như trong video tham chiếu.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
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
- Ngôn ngữ chính
- HTML
- Star
- 10
- Fork
- 77
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Chuẩn bị môi trường
Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của CommunityOfCoders/WebGenesis
-
Movie Night PlannerĐang mởHard Node + Express React
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 25/100
-
Hard Node + Express Vite React
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 45/100
-
Hard Node + Express Vite React
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 25/100
-
Flask Hard React
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 25/100
-
Framer Hard React
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
Tất cả issue của CommunityOfCoders/WebGenesis
Issue tương tự
-
Sequências em espanhol: «Atualizado em», a aba «Fila» e o valor 'pause' ainda saem em portuguêsĐang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 77/100
melgarafael/DeskcommCRM#3104 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
Maintainer thường phản hồi trong vòng 1 ngày
-
🐛 [Bug] Mobile: on the login and registration pages the footer sits below the visible screenĐang mởbug service: webapp
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
Ocelot-Social-Community/Ocelot-Social#10684 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
motiondivision/motion#3955 ·
Maintainer thường phản hồi trong vòng 1 ngày