# Learning-CSS

**Repository Path**: smog_huang/learning-css

## Basic Information

- **Project Name**: Learning-CSS
- **Description**: 复习CSS
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-30
- **Last Updated**: 2024-07-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CSS, HTML

## README

# Learning-CSS

#### 介绍

复习CSS，实现一些小效果

#### 安装教程

1.  npm install
2.  npm run start

#### css 编写一些效果复习前端css

1.  顶部导航
![img.png](./img/demo/img.png)
2.  侧边栏菜单
![img.png](./img/demo/img11.png)
3.  侧边栏菜单二级菜单
![img_1.png](./img/demo/img_1.png)
4.  多列布局
![img_2.png](./img/demo/img_2.png)
5. Flex布局
![img_3.png](./img/demo/img_3.png)
6. 仿Steam铃铛晃动效果
![img_4.png](./img/demo/img_4.png)
7. web实现录屏
![img_5.png](./img/demo/img_5.png)
8. 模仿Steam首页
![img_6.png](./img/demo/img_6.png)