# SUSU_CSS（blbl）

**Repository Path**: susuhhhhhh/SUSU_CSS

## Basic Information

- **Project Name**: SUSU_CSS（blbl）
- **Description**: 哔哩哔哩投稿视频：视频地址：https://space.bilibili.com/71106017
内容模块：CSS  、SVG  、Echarts  、Canvas  、Loading合集、动效合集、图表可视化合集等等
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 68
- **Forks**: 28
- **Created**: 2023-01-12
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 动画, CSS动效, CSS, svg

## README

# CSS（blbl）

#### 介绍
哔哩哔哩投稿视频，如果对您有帮助，欢迎你的star+follow~

视频地址：https://space.bilibili.com/71106017

#### 联系我
##### 公众号：苏苏的bug
![](https://camo.githubusercontent.com/927762d2b67f6d53db4b1146ca78273ccbb380f731ec285470d3b35acba76a53/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f737573752d68752f737573752d68752f696d672fe88b8fe88b8fe79a846275672e6a7067)

#### 更多前端内容：
##### 关注公众号：苏苏的bug

#### 安装教程

1.  克隆项目

```
https://gitee.com/susuhhhhhh/SUSU_CSS.git
```

2.  vscode打开文件夹
3.  open with liver server

#### 使用说明
##### CSS
1.七彩圆环loading

2.Grid 布局实现九宫格图片动画

3.CSS圆角灯笼

4.CSS 实现跳动的方块动画

5.CSS 实现鼠标hover 展示内容

6.CSS实现音频loading动画

7.CSS实现卡片边框渐变动画

8.CSS实现3D魔方

9.css实现input搜索框展开动画1

10.css实现input搜索框展开动画2

11.css实现input搜索框展开动画3

##### SVG

1.SVG实现拟物态圆环进度条

2.SVG实现水球进度条

##### echarts

1.3D环形饼图

##### loading合集

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 联系我
##### 公众号：苏苏的bug