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.

Answer 2

http://www.w3schools.com/cssref/css3_pr_text-shadow.asp。您已提供了不接受的额外数据。

#np{

text-shadow: -12px 2px 2px hsl(120,70%,50%),
     2px 12px 2px hsl(120,30%,20%),
      -2px 2px 12px  hsl(120,100%,50%);  
}

试试这个，我想你会有一些想法。

还修改了你的小提琴 http://jsfiddle.net/jct0vf0z/4/

为什么text-shadow CSS属性不在这里？

2 个答案: