CSS text-shadow 属性的基本语法为：
text-shadow: offset-x offset-y blur-radius color;

• offset-x：水平偏移量（正值向右，负值向左）
• offset-y：垂直偏移量（正值向下，负值向上）
• blur-radius：模糊半径（可选，默认为0，值越大越模糊）
• color：阴影颜色（支持 hex、rgb、rgba、hsla 等格式）

多个阴影用逗号分隔即可实现多重阴影效果。

霓虹发光效果的关键是：
1. 使用深色背景（如 #1a1a2e 或纯黑）
2. 文字颜色使用亮色（如白色或浅色）
3. 阴影偏移设为 0（0 0），这样阴影在文字正后方均匀扩散
4. 设置较大的模糊半径（15-30px）
5. 使用鲜艳的阴影颜色（如 #0099ff、#ff3399）
6. 可以叠加多层阴影增强发光强度。试试本工具的"霓虹蓝光"或"霓虹粉光"预设！

text-shadow 专门用于给文字添加阴影，语法更简洁：offset-x offset-y blur color，不支持内阴影（inset）和扩展半径（spread）。

box-shadow 用于给元素盒子添加阴影，语法更丰富：offset-x offset-y blur spread color inset，支持内阴影、扩展半径等。

简单来说：给文字加阴影用 text-shadow，给容器/按钮/卡片加阴影用 box-shadow。

当然可以！使用 rgba() 或 hsla() 颜色格式可以控制阴影的透明度，这是创建柔和自然阴影的最佳实践。

例如：text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
其中 0.3 表示30%不透明度，阴影会显得柔和通透。

本工具生成的CSS代码默认使用 rgba 格式，确保阴影效果自然。

兼容性非常好！ text-shadow 是 CSS3 的标准属性，所有现代浏览器（Chrome、Firefox、Safari、Edge）都完美支持，包括移动端浏览器。

IE10+ 也完全支持 text-shadow（IE9及以下不支持）。目前全球浏览器对该属性的支持率超过 98%，可以放心使用。

多重阴影（逗号分隔）同样获得广泛支持。

一般来说，text-shadow 对性能的影响非常小。但需要注意：

• 单个或少量阴影几乎不影响渲染性能
• 大量文字同时使用大模糊半径的阴影可能略微影响滚动流畅度
• 多层阴影（5层以上）在低性能设备上可能有轻微影响
• 避免在动画中频繁改变 text-shadow 的模糊半径（这会触发重绘）

正常使用场景下（1-3层阴影），完全不用担心性能问题。

3D立体文字效果通过多层无模糊阴影叠加实现：
1. 设置 blur 为 0（无模糊）
2. 创建多个阴影层，每层偏移量递增（如 1px, 2px, 3px...）
3. 颜色逐渐变浅或保持统一
4. 层数越多，立体感越强（通常3-6层）

试试本工具的"3D立体"预设，可以看到实际效果。也可以在此基础上调整偏移量和层数。