Card / 01
安静的界面
透明层叠、柔和边界与微妙的悬停位移，组成一块可继续定制的基础卡片。
CSS Surface Lab
效果预览
在右侧查看基础组件的状态与动效。输入自定义 CSS 后，点击应用即可即时覆盖预览区域。
自定义样式
样式只会作用于右侧预览区，适合快速观察圆角、阴影、模糊与动效。
组件预览
实时状态已收到你的输入
选择控件
列表与详情
- 基础组件
- 交互状态
- 动效预览
悬停、聚焦、点击和展开状态都可以通过自定义 CSS 进行覆盖。
在右侧查看基础组件的状态与动效。输入自定义 CSS 后，点击应用即可即时覆盖预览区域。
自定义样式
样式只会作用于右侧预览区，适合快速观察圆角、阴影、模糊与动效。
组件预览
实时状态透明层叠、柔和边界与微妙的悬停位移，组成一块可继续定制的基础卡片。
悬停、聚焦、点击和展开状态都可以通过自定义 CSS 进行覆盖。