# html-css **Repository Path**: qianshi-code/html-css ## Basic Information - **Project Name**: html-css - **Description**: 欢迎您的加入，让我们一起学习前端 - **Primary Language**: Unknown - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2022-09-20 - **Last Updated**: 2022-11-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: HTML, CSS ## README # HTML&CSS小项目 ### 一、观看项目实际运行视频： | 抖音 | 快手 | | ------------------------------------------------------------ | ------------------------------------------------------------ | |

[网页版抖音](https://v.douyin.com/6ux6kwe/) |

[网页版快手](https://www.kuaishou.com/profile/3xjbi6d6dd7xbcu) | ### 二、项目列表 | 名称 | 截图 | 难度 | 代码 | | -------------------------- | ------------------------------------------------------------ | ---- | ------------------------------------------------------------ | | 很棒的 CSS 边框动画 |

| ⭐️⭐️⭐️ | [很棒的 CSS 边框动画](https://gitee.com/qianshi-code/html-css/tree/master/%E5%BE%88%E6%A3%92%E7%9A%84%20CSS%20%E8%BE%B9%E6%A1%86%E5%8A%A8%E7%94%BB) | | CSS 动画特效 |

| ⭐️⭐️⭐️ | [CSS 二维码扫描仪效果](https://gitee.com/qianshi-code/html-css/tree/master/CSS%20%E4%BA%8C%E7%BB%B4%E7%A0%81%E6%89%AB%E6%8F%8F%E4%BB%AA%E6%95%88%E6%9E%9C) | | 仅用CSS 制作3D 发光立方体动画效果 |

| ⭐️⭐️⭐️⭐️ | [仅用CSS 制作3D 发光立方体动画效果](https://gitee.com/qianshi-code/html-css/tree/master/%E4%BB%85%E7%94%A8CSS%20%E5%88%B6%E4%BD%9C3D%20%E5%8F%91%E5%85%89%E7%AB%8B%E6%96%B9%E4%BD%93%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C) | | HTML和CSS3打造发光按钮悬停动画效果 |

| ⭐️⭐️ | [HTML和CSS3打造发光按钮悬停动画效果](https://gitee.com/qianshi-code/html-css/tree/master/HTML%E5%92%8CCSS3%E6%89%93%E9%80%A0%E5%8F%91%E5%85%89%E6%8C%89%E9%92%AE%E6%82%AC%E5%81%9C%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C) | | HTML和CSS制作酷炫的肥皂泡动画特效 |

| ⭐️ | [HTML和CSS制作酷炫的肥皂泡动画特效](https://gitee.com/qianshi-code/html-css/tree/master/HTML%E5%92%8CCSS%E5%88%B6%E4%BD%9C%E9%85%B7%E7%82%AB%E7%9A%84%E8%82%A5%E7%9A%82%E6%B3%A1%E5%8A%A8%E7%94%BB%E7%89%B9%E6%95%88) | | CSS 自定义复选框 |

| ⭐️⭐️⭐️ | [CSS 自定义复选框](https://gitee.com/qianshi-code/html-css/tree/master/CSS%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%A4%8D%E9%80%89%E6%A1%86 ) | | 实现炫酷文字波浪效果 |

| ⭐️ | [实现炫酷文字波浪效果](https://gitee.com/qianshi-code/html-css/tree/master/%E5%AE%9E%E7%8E%B0%E7%82%AB%E9%85%B7%E6%96%87%E5%AD%97%E6%B3%A2%E6%B5%AA%E6%95%88%E6%9E%9C ) | | 动画效果 |

| ⭐️⭐️⭐️ | [动画效果](https://gitee.com/qianshi-code/html-css/tree/master/%E6%94%80%E7%88%AC%E7%AB%8B%E6%96%B9%E4%BD%93%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C ) | | 彩色旋转方块 |

| ⭐️⭐️⭐️ | [彩色旋转方块](https://gitee.com/qianshi-code/html-css/tree/master/%E5%BD%A9%E8%89%B2%E6%97%8B%E8%BD%AC%E6%96%B9%E5%9D%97 ) | | 发光文本动画效果 |

| ⭐️ | [发光文本动画效果](https://gitee.com/qianshi-code/html-css/tree/master/%E5%8F%91%E5%85%89%E6%96%87%E6%9C%AC%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C ) | | 实现动画背景效果 |

| ⭐️⭐️⭐️ | [实现动画背景效果](https://gitee.com/qianshi-code/html-css/tree/master/%E5%AE%9E%E7%8E%B0%E5%8A%A8%E7%94%BB%E8%83%8C%E6%99%AF%E6%95%88%E6%9E%9C ) | | 实现永久动画效果 |

| ⭐️⭐️⭐️ | [实现永久动画效果](https://gitee.com/qianshi-code/html-css/tree/master/%E5%AE%9E%E7%8E%B0%E6%B0%B8%E4%B9%85%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C ) | | CSS Loading 动画特效 |

| ⭐️⭐️⭐️⭐️ | [CSS Loading 动画特效](https://gitee.com/qianshi-code/html-css/tree/master/CSS%20Loading%20%E5%8A%A8%E7%94%BB%E7%89%B9%E6%95%88 ) | | 路道翻转方块 |

| ⭐️⭐️⭐️⭐️ | [路道翻转方块](https://gitee.com/qianshi-code/html-css/tree/master/%E8%B7%AF%E9%81%93%E7%BF%BB%E8%BD%AC%E6%96%B9%E5%9D%97 ) | | 导航效果 |

| ⭐️ | [加载页面动画](https://gitee.com/qianshi-code/html-css/tree/master/%E5%8A%A0%E8%BD%BD%E9%A1%B5%E9%9D%A2%E5%8A%A8%E7%94%BB) | | CSS 养鱼 |

| ⭐️ | [CSS 祝福国庆节](https://gitee.com/qianshi-code/html-css/tree/master/CSS%20%E7%A5%9D%E7%A6%8F%E5%9B%BD%E5%BA%86%E8%8A%82) | ### 三、交流微信：