# css-gather

**Repository Path**: huluhong/css-gather

## Basic Information

- **Project Name**: css-gather
- **Description**: CSS 学习：动态、布局、伪类、特效.....
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-10-27
- **Last Updated**: 2022-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CSS 聚合

[TOC]

## CSS 伪类实现圆形比例统计图

![CSS 伪类实现圆形比例统计图](./assets/css-circle-statistical-figure.gif)


## CSS 实现缩放搜索栏

![CSS 实现缩放搜索栏](./assets/css-search-flexible.gif)

## CSS 实现动画登录页面

![CSS 实现动画登录页面](./assets/css-login-animate.gif)

## CSS 实现二级下拉导航菜单

![CSS 实现二级下拉导航菜单](./assets/css-two-menu.gif)


## CSS 实现伸缩式导航栏

![CSS 实现伸缩式导航栏](./assets/css-bilibili-fixable.gif)


## CSS 垂直卡片滑动动画

![CSS 垂直卡片滑动动画](./assets/css-card-animate.gif)


## CSS 实现输入动画

![CSS 实现输入动画](./assets/css-login-input-animate.gif)


## CSS 实现毛玻璃效果

![CSS 实现毛玻璃效果](./assets/css-ground-glass.gif)