UD5工具箱
核心术语
理解以下术语将帮助您更好地使用CSS3渐变色库，并深入掌握CSS渐变技术。每个术语都包含定义、在工具中的应用以及相关注意事项。
线性渐变 (Linear Gradient)
线性渐变是CSS3中两种主要渐变类型之一，颜色沿着一条直线从起点过渡到终点。在工具中，大多数渐变都采用线性渐变，对应CSS函数linear-gradient()。用户可以通过方向参数（如to right、to bottom）或角度值（如45deg）控制渐变的方向。线性渐变适用于创建背景、边框、文字效果等多种场景。
径向渐变 (Radial Gradient)
径向渐变是另一种主要渐变类型，颜色从一个中心点向外辐射扩散。在工具中，点击径向渐变按钮即可预览径向渐变效果，对应CSS函数radial-gradient()。径向渐变支持指定形状（circle或ellipse）、中心位置和半径，适合创建聚光灯、光晕、圆形背景等效果。与线性渐变相比，径向渐变更能创造聚焦感和层次感。
颜色停止点 (Color Stop)
颜色停止点是渐变中的关键概念，定义了渐变中每个颜色的位置和过渡点。在最简单的渐变中，只有起始颜色和结束颜色两个停止点。在更复杂的渐变中，可以添加多个停止点，每个停止点由颜色值和可选的位置百分比组成。例如：linear-gradient(to right, red 0%, blue 50%, green 100%)。工具中的渐变都包含精确的停止点配置，确保色彩过渡平滑自然。
渐变方向 (Gradient Direction)
渐变方向决定了颜色过渡的轴线方向。在线性渐变中，方向可以通过关键字（to right、to bottom等）或角度值（0deg、45deg等）指定。工具提供了七种预设方向，覆盖了最常用的场景。角度值以度为单位，0deg表示从下到上，90deg表示从左到右，与数学中的极坐标系略有不同。理解方向参数对于精确控制渐变效果至关重要。
background 属性
background是CSS中用于设置元素背景的属性，渐变色通过background属性应用到元素上。工具复制的代码就是background属性的完整声明，例如：background: linear-gradient(to right, #ff7e5f, #feb47b);。background属性是一个简写属性，可以同时设置背景颜色、背景图片、背景重复、背景位置等多个值。渐变在CSS中被视为图像类型，因此可以与背景颜色等其他背景属性配合使用。
CSS3 规范
CSS3是CSS（层叠样式表）的第三个主要版本，引入了大量新特性，渐变就是其中之一。CSS3渐变属于CSS image数据类型，通过函数语法定义。本工具生成的渐变代码完全遵循W3C CSS3规范，确保在符合标准的浏览器中都能正确渲染。了解CSS3规范有助于理解渐变的语法结构和参数含义，也有助于排查兼容性问题。
浏览器兼容性 (Browser Compatibility)
浏览器兼容性指CSS特性在不同浏览器中的支持程度。CSS3渐变在现代浏览器中得到全面支持（Chrome 26+、Firefox 16+、Safari 6.1+、Edge 12+），覆盖97%以上的用户。工具生成的代码无需添加浏览器前缀（如-webkit-或-moz-），因为所有主流浏览器都已经支持无前缀的标准语法。对于极老的浏览器（如IE9-），可以通过设置纯色background-color作为降级方案。
background-clip 属性
background-clip属性定义了背景的绘制区域，是实现文字渐变效果的关键属性。默认情况下，背景会绘制到元素的边框区域（border-box）。当设置为text时，背景只会绘制到文字的轮廓内部（-webkit-background-clip: text）。这个属性需要与-webkit-text-fill-color: transparent配合使用，才能让文字显示渐变背景。工具的FAQ部分详细解释了这一技术。
颜色值表示法
在渐变中，颜色值可以使用多种格式表示：十六进制（#ff7e5f）、RGB（rgb(255, 126, 95)）、HSL（hsl(14, 100%, 69%)）以及命名颜色（red）。工具中的渐变主要使用十六进制颜色值，这是Web开发中最常用的格式。十六进制颜色由#后跟6位十六进制数字组成，分别表示红、绿、蓝三原色的强度。理解颜色表示法有助于在获取渐变代码后进行微调。
多重渐变 (Multiple Gradients)
多重渐变是指在同一个background属性中叠加多个渐变图像。在CSS中，可以通过逗号分隔多个渐变函数来实现，例如：background: linear-gradient(red, blue), radial-gradient(circle, yellow, green);。叠加时，先写的渐变会覆盖在后写的渐变之上。这种技术可以创造非常复杂的视觉效果，是渐变的高级应用方式。工具当前提供单个渐变，但用户可以将多个复制的渐变组合使用。