CSS Conic-Gradient：饼图与复杂光效的数学原理 大家好，今天我们来深入探讨 CSS 中的 conic-gradient() 函数，也就是圆锥渐变。 虽然它不如线性渐变或径向渐变那么常见，但 conic-gradient() 拥有强大的能力，可以创建饼图、环形图，甚至是模拟复杂的光照效果。 理解其背后的数学原理，能帮助我们更灵活地运用它。 1. conic-gradient() 的基本语法 conic-gradient() 的基本语法如下： conic-gradient([from <angle>] [at <position>]?, <color-stop-list>) from <angle> (可选)：指定渐变起始的角度。 默认值为 0deg，表示从顶部开始（正上方）。角度的单位可以是 deg（度）、rad（弧度）、turn（圈）或 grad（百分度）。 at <position> (可选)：指定渐变的中心点。 默认值为 center，即元素的中心。 可以使用 top, bottom, left, righ …