# Button · Glass React 网页组件 | Creght Blocks

> 具有玻璃质感、立体层次和按压反馈的高视觉表现行动按钮。

[Blocks](/zh-CN.md) [Sections](/zh-CN.md#section-library) [TemplatesNew](/zh-CN/templates.md)

[Templates](/zh-CN/templates.md)

[EN](/blocks/button-glass.md) [中文](/zh-CN/blocks/button-glass.md)

[全部组件](/zh-CN.md)/Button · Glass

行动按钮免费

Creght Blocks 组件

# Button · Glass

具有玻璃质感、立体层次和按压反馈的高视觉表现行动按钮。

[完整预览](/zh-CN/preview.md?section=button-glass)

在 Creght 中使用

## 实时预览

切换桌面、平板和手机宽度，检查组件的响应式效果。

桌面平板手机

组件介绍

## 可直接用于生产项目的页面板块

具有玻璃质感、立体层次和按压反馈的高视觉表现行动按钮。

### 如何使用

1. 01
确认适用场景

通过组件说明和技术信息，判断它是否适合当前页面。

2. 02
检查页面效果

切换不同设备宽度，并打开完整预览体验真实交互。

3. 03
用于实际项目

前往 Creght，根据品牌、内容和转化目标继续调整组件。


技术信息

分类行动按钮

运行开销轻量

渲染方式支持服务端渲染

依赖无

## 相关组件

继续浏览同一分类下的其他组件。

[![Button · 05](https://fsu.creght.com/site/2083536173505974272/1787121622221__button_generate.jpg?w=3072&fmt=webp)](/zh-CN/blocks/button-generate.md)

### [Button · 05](/zh-CN/blocks/button-generate.md)

带生成状态切换与星光动效的 CTA 按钮。

[![Button · Galaxy](https://fsu.creght.com/site/2083536173505974272/1787023323482__button_galaxy_cover)](/zh-CN/blocks/button-galaxy.md)

### [Button · Galaxy](/zh-CN/blocks/button-galaxy.md)

银河粒子与渐变光晕交互按钮，悬停时展开深空粒子效果。

[![Button · Wiza](https://fsu.creght.com/site/2083536173505974272/1787023326839__button_wiza_cover)](/zh-CN/blocks/button-wiza.md)

### [Button · Wiza](/zh-CN/blocks/button-wiza.md)

粒子光效 CTA 按钮，支持色调、粒子数量、速度和辉光强度配置。

> 全站页面清单：[/llms.txt](/llms.txt)