css - CSS 中带有实心笔划的透明文本

Question

我有一个图像作为我 body 的背景(紫色渐变)。
在页面中间有一些文本。我希望文本是透明的(即显示紫色渐变)，但我希望文本上的纯色 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;

}