在 CSS 中应用文本描边和文本阴影?

Applying text stroke and text shadow in CSS?

我现在 CSS 有点困难。我正在尝试同时应用文本描边和阴影,但我希望能够同时更改描边和阴影的不透明度。我已经尝试过,但是文本阴影适用但笔划不适用,或者笔划适用但阴影不适用。任何指针?如果需要,我可以提供我尝试使用的代码。

非常感谢。

您可以使用伪 :after 创建删除线效果并利用其不透明度来实现您想要的效果。

检查我创建的这个 JS Fiddle。您可以更改 CSS 部分中的值以实现您想要的:http://jsfiddle.net/_vijaydev/xvse9p1o/

还有其他方法可以使用 text-decoration:line-through 来让您的文字引人注目,并将其应用于您的 css。

DEMO

我发现这适用于 IE:

text-shadow: 
    2px 2px 10px color, 
    0px 2px 10px color,
    2px 0px 10px color,
    2px -2px 10px color,
    0px -2px 10px color,
    -2px 0px 10px color,
    -2px 2px 10px color,
    -2px -2px 10px color;

和“-webkit-text-stroke:2px 颜色;” & FF/Chrome 的 'text-shadow:' 规则。 显然,您可以将 px 更改为您想要的。