# HTML5_CSS3_JavaScript_Demo

**Repository Path**: sharetoyouclub/css

## Basic Information

- **Project Name**: HTML5_CSS3_JavaScript_Demo
- **Description**: HTML5+CSS3+JavaScript案例集合
- **Primary Language**: CSS
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 2
- **Created**: 2022-04-04
- **Last Updated**: 2026-03-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML5+CSS3+JS案例集合

## 介绍
本项目介绍一些 HTML5+CSS3+JavaScript的小案例集合，欢迎大家交流讨论
## 目录
#### 001_一款清新的键盘，极具观赏价值
![001_一款清新的键盘，极具观赏价值](./img/cover/001.png)
[代码地址](./code/001_一款清新的键盘，极具观赏价值/) <br/>
[视频演示](https://www.bilibili.com/video/BV1oY41177gb/)


#### 002_漫天的雪花
![](./img/cover/002.png)
[代码地址](./code/002_漫天的雪花/)<br/>
[视频演示](https://www.bilibili.com/video/BV1d5411m7JN/)


#### 003_星辰大海、浩瀚宇宙离我们太遥远，不如从一个绕转的按钮开始吧
![](./img/cover/003.png)
[代码地址](./code/003_星辰大海、浩瀚宇宙离我们太遥远，不如从一个绕转的按钮开始吧/)<br/>
[视频演示](https://www.bilibili.com/video/BV1AY411E71o/)


#### 004_你见过很多的登录界面,但这一款最能让你砰然心动
![](./img/cover/004.png)
[代码地址](./code/004_你见过很多的登录界面,但这一款最能让你砰然心动/)<br/>
[视频演示](https://www.bilibili.com/video/BV1fa411e7Hk/)


#### 005_文字可能会消失，但爱会永存心中
![](./img/cover/005.png)
[代码地址](./code/005_文字可能会消失，但爱会永存心中/)<br/>
[视频演示](https://www.bilibili.com/video/BV1BY411j7WG/)


#### 006_浩瀚的星空,太酷了！几行代码轻松搞定,实现自己的一个星空梦。
![](./img/cover/006.png)
[代码地址](./code/006_浩瀚的星空,太酷了！几行代码轻松搞定,实现自己的一个星空梦。/)<br/>
[视频演示](https://www.bilibili.com/video/BV1tY4y1h7Cc/)


#### 007_一问一答效果,在开发种用上它,产品经理、设计师都会对我刮目相看
![](./img/cover/007.png)
[代码地址](./code/007_一问一答效果,在开发种用上它,产品经理、设计师都会对我刮目相看/)<br/>
[视频演示](https://www.bilibili.com/video/BV1R541127eE/)

#### 008_10种不同类型的进度条（收藏了，总有一天用得上）
![](./img/cover/008.png)
[代码地址](./code/008_10种不同类型的进度条（收藏了，总有一天用得上）/)<br/>
[视频演示](https://www.bilibili.com/video/BV1bF411M7Q9/)



#### 009_种上一棵平安树,愿疫情早日散去
![](./img/cover/009.png)
[代码地址](./code/009_种上一棵平安树,愿疫情早日散去/)<br/>
[视频演示](https://www.bilibili.com/video/BV1p34y1e7LF/)


#### 010_别具一格的单选框。骚气！
![](./img/cover/010.png)
[代码地址](./code/010_别具一格的单选框。骚气！/)<br/>
[视频演示]()