50个项目
HTML/CSS/JS 练手小项目合集
以下所有项目我都在B站有讲解视频，如果感兴趣可以看下 点击前去观看
点击前往
扩展卡片
1. expanding-cards
点击前往
步骤器
2. progress-steps
点击前往
旋转导航
3. Rotating navigation animation
点击前往
隐藏搜索小部件
4. Hidden Search Widget
点击前往
模糊加载
5. Blurry Loading
点击前往
滚动动画
6. Scroll Animation
点击前往
拆分登录页面
7. Split Landing Page
点击前往
登录波浪动画
8. Form Wave
点击前往
音板
9. Sound Board
点击前往
随机笑话
10. Dad Jokes
点击前往
键盘事件
11. Event Keycodes
点击前往
答题卡
12. Faq Collapse
点击前往
随机选择器
13. Random Choice Picker
点击前往
动画导航
14. Animated Navigation
点击前往
递增计数器
15. Incrementing Counter
点击前往
喝水记录
16. Drink Water
点击前往
电影的应用
17. Movie App
点击前往
背景轮播
18. Background Slider
点击前往
主题时钟
19. Theme Clock
点击前往
按钮涟漪效果
20. Button Ripple Effect
点击前往
拖放
21. Drag N Drop
点击前往
画板
22. Drawing App
点击前往
动态加载
23. Kinetic Loader
点击前往
个人介绍
24. Content Placeholder
点击前往
固定导航页面
25. Sticky Navbar
点击前往
双向垂直滑块
26. Double Vertical Slider
点击前往
消息条通知
27. Toast Notification
点击前往
Github API获取
28. Github Profiles
点击前往
双击出现红心
29. Double Click Heart
点击前往
文本自动出现
30. Auto Text Effect
点击前往
密码生成器
31. Password Generator
点击前往
选择
32. Good Cheap Fast
点击前往
记事本
33. Notes App
点击前往
动画倒计时
34. Animated Countdown
点击前往
图像轮播
35. Image Carousel
点击前往
鼠标滑过变效果
36. Hoverboard
点击前往
口袋妖怪图鉴
37. Pokedex
点击前往
手机导航
38. Mobile Tab Navigation
点击前往
输入密码背景变化
39. Password Strength Background
点击前往
3d背景框
40. 3d Background Boxes
点击前往
验证码输入
41. Verify Account Ui
点击前往
在线搜索用户
42. Live User Filter
点击前往
反馈意见
43. Feedback Ui Design
点击前往
自定义范围滑块
44. Custom Range Slider
点击前往
移动导航
45. Netflix Mobile Navigation
点击前往
移动导航
46. Quiz App
点击前往
动画自动切换
47. Testimonial Box Switcher
点击前往
随机图像
48. Random Image Feed
点击前往
TodoList
49. Todo List
点击前往
捉虫游戏
50. Insect Catch Game