UD5工具箱
文字阴影术语表
在使用文字阴影生成器时，你会遇到许多专业术语。理解这些概念有助于更精确地控制阴影效果，生成符合需求的代码。以下是text-shadow相关的核心术语详解。
基础概念
文字阴影（text-shadow）
CSS属性，用于在文字周围创建阴影效果。语法为text-shadow: offset-x offset-y blur-radius color。支持多层阴影叠加，用逗号分隔。与box-shadow不同，text-shadow不支持内阴影（inset）和扩散半径（spread）。它是CSS3引入的标准属性，所有现代浏览器都支持。
多重阴影（Multiple Shadows）
使用逗号分隔的多个text-shadow值叠加的效果。每层阴影可独立设置所有参数，按声明顺序叠加（先声明的在上层）。多重阴影可以创造霓虹发光、3D立体、浮雕等复杂特效。建议将最不透明的阴影放在最上层，确保效果自然。
文字描边效果（Text Stroke）
通过text-shadow模拟的文字描边效果：设置偏移为0、模糊为0、使用与文字不同的颜色。虽然CSS有专门的-webkit-text-stroke属性，但text-shadow描边的兼容性更好（支持所有现代浏览器），且可以控制描边的柔和程度。设置微小的模糊值（1-2px）可以让描边更自然。
技术参数
水平偏移（X-offset）
阴影在水平方向上相对于文字的位移，单位为像素（px）。正值使阴影向右偏移，负值使阴影向左偏移。偏移量为0时阴影在文字正后方均匀扩散，适合发光效果。偏移量越大，光源感觉越靠左上方。
垂直偏移（Y-offset）
阴影在垂直方向上相对于文字的位移，单位为像素（px）。正值使阴影向下偏移，负值使阴影向上偏移。通常与水平偏移配合使用确定光源方向。正Y偏移模拟从上方照射的光源，负Y偏移模拟从下方照射的光源（较少使用）。
模糊半径（Blur Radius）
控制阴影边缘的模糊程度，单位为像素（px）。值为0时阴影边缘锐利清晰，值越大阴影越模糊柔和。模糊半径是区分不同阴影风格的关键参数，锐利硬影使用小模糊（0-2px），柔和阴影使用大模糊（5-20px），霓虹发光使用超大模糊（15-30px）。
阴影颜色（Shadow Color）
阴影的颜色值，推荐使用rgba或hsla格式以控制透明度。霓虹效果使用高饱和度鲜艳颜色（如蓝色、粉色），经典阴影使用黑色或深灰色配合适当透明度。颜色选择直接影响阴影的视觉风格和氛围，建议与文字颜色和背景色协调搭配。
特效术语
霓虹发光（Neon Glow）
通过多层阴影叠加模拟霓虹灯发光效果的技术。关键参数：偏移为0（阴影在文字正后方），较大的模糊半径（15-30px），鲜艳的阴影颜色（如蓝色#0099ff、粉色#ff3399）。通常需要2-3层不同模糊半径的阴影叠加增强发光强度。需要深色背景才能显现效果。
3D立体效果（3D Depth）
通过多层无模糊阴影叠加模拟3D立体效果的技术。每层阴影的偏移量递增（如1px、2px、3px...），模糊半径为0，颜色保持统一或逐渐变深。层数越多立体感越强，通常需要3-6层阴影。偏移方向决定立体的光源方向，向右下方偏移模拟左上方光源。
浮雕效果（Emboss）
通过两层方向相反的阴影模拟文字从表面凸起的效果。通常一层使用白色或浅色阴影（偏左上），另一层使用黑色或深色阴影（偏右下），模糊半径较小（1-3px）。两层阴影的对比产生凸起的视觉错觉。浮雕效果适合按钮和卡片标题。
景深效果（Depth of Field）
模拟摄影中的景深模糊效果，通过较大模糊半径的阴影让文字看起来有远近层次。通常配合多层不同偏移和模糊的阴影使用，创造前后景分离的视觉效果。适合创意设计和艺术页面，能营造出独特的空间感。