# Html-Demo

**Repository Path**: ji-xia-xiaozhen/html-demo

## Basic Information

- **Project Name**: Html-Demo
- **Description**: 每天一个不会秃头的前端案例
- **Primary Language**: HTML
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 268
- **Forks**: 49
- **Created**: 2021-03-22
- **Last Updated**: 2025-07-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 每天一个不会秃头的前端案例
* 利用 css 和 js 实现咖啡选择
* 利用 css 和 js 实现图片展示
* 利用 css 和 js 实现卡片翻转时钟
* 利用 css 和 js 实现烟花特效
* 利用 css 实现旋转菜单
* 利用 css 和 js 实现雨特效
* 利用 css-doodle 库绘制动画
* 利用 css 和 js 实现注册登录界面
* 利用 css 实现加载页面动画Ⅰ
* 利用 css 和 js 实现搜索框设计
* 利用 css 和 js 实现文章图片缩略展示
* 利用 css 和 js 实现 Blog 顶置卡片设计
* 利用 css 实现加载页面动画Ⅱ
* 利用 css 和 js 实现 To-Do-List 设计
* 利用 css 和 js 实现一个很有趣的动态背景
* 利用 css 实现一个动态的文字框动画
* 利用 css 和 js 实现卡片式图片展示
* 利用 css 实现手风琴相册设计
* 利用 css 和 js 实现日历便签设计
* 利用 css 和 js 实现图片（相册）展示设计Ⅰ
* 利用 css 和 js 实现图片展示效果
* 利用 css 和 js 实现悬停时有旋转效果的图标
* 利用 css 实现图片（相册）展示设计Ⅱ
* 利用 css 实现图片切换
* 利用 css 实现图片（相册）展示设计Ⅲ
* 利用 css 和 js 实现一个有趣的鬼魂动画
* 利用 css 实现蜡烛吹灭动画
* 利用 css 实现加载页面动画Ⅲ
* 利用 css 实现图片（相册）展示设计Ⅳ
* 利用 css 实现小女孩跳绳动画
* 利用 css 实现404页面