# funny-demo

**Repository Path**: zhuhukang/funny-demo

## Basic Information

- **Project Name**: funny-demo
- **Description**: 每天一个有趣的头秃前端案例集合（CSS+JS）
- **Primary Language**: HTML
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 1
- **Created**: 2023-05-11
- **Last Updated**: 2025-10-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 原仓库

# https://github.com/Lavender-z/demo.git
== 还在继续更新补充中。。 。==
## 每天一个不会秃头的前端案例

* 利用 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页面