CSS中的实心笔划透明文本

Question

我的身体上有一个背景图像（紫色的渐变色）。 在页面中间有一些文字。我希望文本是透明的（即显示紫色渐变），但我希望文本上的纯色1px笔划可见。

text-shadow: 1px 0 red, -1px 0 red, 0 1px red, 0 -1px red;

不会工作，因为如果你让文字透明，你会看到阴影。

color: rgba(0,0,0,0);

不会让文字看透和..

opacity: 0;

东西使得笔触也不透明。

有什么想法吗？这只能用CSS吗？

编辑：我刚看过文字笔画。但找不到任何有用的东西。

Answer 1

article h1 {
color: rgba(0, 0, 0, 0.2); 
-webkit-text-stroke: 1px black;

}