html - 为什么 text-shadow CSS 属性在这里不起作用？

Question

我正在尝试为两个词应用漂亮的文本阴影，但 CSS 似乎什么也没做。参见 this jsFiddle .

<p id="np">Nakshatro Production</p>

#np {
    text-shadow: -0px 0px 1px 0 hsl(20, 100%, 16%),
                 -2px 2px 2px -1px hsl(20, 100%, 14%),
                 -4px 4px 2px -2px hsl(20, 100%, 12%),
                 -6px 6px 3px -3px hsl(20, 100%, 10%),
                 -8px 8px 2px -4px hsl(20, 100%, 8%),
                 -10px 10px 2px -5px hsl(20, 100%, 6%);
}

Answer 1

与 box-shadow 不同，text-shadow 不支持展开值；您只能选择偏移和模糊。也就是说，最多使用三个尺寸值和一种颜色。 jsFiddle, not quite the same.