Css只有条纹文字阴影效果

Question

是否有一种干净而优雅的方式来实现复古条纹文字阴影效果？

举个例子，我想用css重现这样的事情：

我希望条纹与字体颜色不同。

Answer 1

http://jsfiddle.net/kntz6h01/2/

这是我能提出的最接近的，但它只适用于webkit浏览器，并且在文本阴影的长度方面不是很可定制的。它还需要标记中的属性来复制文本。

基本上，它可以通过创建带有-webkit-repeating-linear-gradient的条纹背景，使用

屏蔽背景来实现

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

并使用:after伪元素复制文本并对其应用文本阴影。

这可能不是很有用。