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

Question

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

非常感谢。

Answer 1

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

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

Answer 2

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

DEMO

Answer 3

我发现这适用于 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 更改为您想要的。

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

Applying text stroke and text shadow in CSS?

html

css

shadow

effects

stroke