在 CSS 中应用文本描边和文本阴影?
Applying text stroke and text shadow in CSS?
我现在 CSS 有点困难。我正在尝试同时应用文本描边和阴影,但我希望能够同时更改描边和阴影的不透明度。我已经尝试过,但是文本阴影适用但笔划不适用,或者笔划适用但阴影不适用。任何指针?如果需要,我可以提供我尝试使用的代码。
非常感谢。
您可以使用伪 :after
创建删除线效果并利用其不透明度来实现您想要的效果。
检查我创建的这个 JS Fiddle。您可以更改 CSS 部分中的值以实现您想要的:http://jsfiddle.net/_vijaydev/xvse9p1o/
还有其他方法可以使用 text-decoration:line-through
来让您的文字引人注目,并将其应用于您的 css。
我发现这适用于 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 有点困难。我正在尝试同时应用文本描边和阴影,但我希望能够同时更改描边和阴影的不透明度。我已经尝试过,但是文本阴影适用但笔划不适用,或者笔划适用但阴影不适用。任何指针?如果需要,我可以提供我尝试使用的代码。
非常感谢。
您可以使用伪 :after
创建删除线效果并利用其不透明度来实现您想要的效果。
检查我创建的这个 JS Fiddle。您可以更改 CSS 部分中的值以实现您想要的:http://jsfiddle.net/_vijaydev/xvse9p1o/
还有其他方法可以使用 text-decoration:line-through
来让您的文字引人注目,并将其应用于您的 css。
我发现这适用于 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
更改为您想要的。