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 伪元素复制文本并对其应用文本阴影。

它可能不是很有用。