<p style="color: hsl(230, 100%, 50%);
text-shadow: 0 2px 0 0px hsl(330, 100%, 25%),
0 3px 2px 0px hsla(330, 100%, 15%, 0.5),
0 3px 0 3px hsl(350, 100%, 50%),
0 5px 0 3px hsl(350, 100%, 25%),
0 6px 2px 3px hsla(350, 100%, 15%, 0.5),
0 6px 0 9px hsl(20, 100%, 50%),
0 8px 0 9px hsl(20, 100%, 25%),
0 9px 2px 9px hsla(20, 100%, 15%, 0.5),
0 9px 0 18px hsl(50, 100%, 50%)
0 11px 0 18px hsl(50, 100%, 25%),
0 12px 2px 18px hsla(50, 100%, 15%, 0.5),
0 12px 0 30px hsl(70, 100%, 50%),
0 14px 0 30px hsl(70, 100%, 25%),
0 15px 2px 30px hsla(70, 100%, 15%, 0.5),
0 15px 0 45px hsl(90, 100%, 50%),
0 17px 0 45px hsl(90, 100%, 25%),
0 17px 2px 45px hsla(90, 100%, 15%, 0.5);">Text Shadow</p>
这是我从http://msdn.microsoft.com/en-us/hh867756.aspx复制的代码
它应该在该页面上产生色彩幸福感。我使用的是Firefox30。我也尝试在Opera中打开它,在那也不行。
我试图将hsla更改为rgb(我知道那没用,但我只是尝试了任何方法)。
我也删除了所有新行,但是仍然没有文本阴影显示为简单文本。任何提示为什么会发生?
最佳答案
CSS文本阴影具有四个值:
距离x,距离y,模糊和颜色。
例如:
p {
text-shadow: 1px 1px 1px #000,
3px 3px 5px blue;
}
只有IE接受额外的点差值。
另外(如所评论),您在此处之间缺少逗号:
0 9px 0 18px hsl(50, 100%, 50%) <<<<
0 11px 0 18px hsl(50, 100%, 25%),