---
nav:
  title: 前端
  path: /fea
group:
  title: 💊 css
  order: 2
  path: /css
---

## 效果案例

### 小球动画

<code src="./demos/demo10/index.tsx" />

### 3D 方块

<code src="./demos/demo9/index.tsx" />

### 3D导航条

<code src="./demos/demo8/index.tsx" />

### 键盘打字效果

<code src="./demos/demo7/index.tsx" />

### 镂空文字背景

<code src="./demos/demo1/index.tsx" />

### 按钮合集

<code src="./demos/demo2/index.tsx" />

### Svg 蒙版

<code src="./demos/demo3/index.tsx" />

### 毛玻璃蒙版

<code src="./demos/demo4/index.tsx" />

### 渐变文字

<code src="./demos/demo5/index.tsx" />

### 渐变文字

<code src="./demos/demo6/index.tsx" />