html - 将文本不透明度设置为 0 但保留边框

Question

我想创建一个文本，其中每个字母的正文 是完全透明的(或设置一定的不透明度)但它的形状只是边框。

在this发布我看到了一种在文本周围创建边框的方法。但是，它是根据文本的实际状态 创建的，所以如果我改变它的不透明度，边框会响应。

如何创建我正在寻找的边框？

Answer 1

最好的方法是将文本的颜色设置为rgba(255,255,255,0)，-webkit-text-stroke-width 到 1px 和 -webkit-text-stroke-color 到 #000 或你想使用的任何其他颜色

所以它会是这样的:

h1 {
    color:rgba(255,255,255,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}

也许这个链接对你有帮助，它有更多关于RGBA颜色的细节

A brief introduction to Opacity and RGBA

希望这对你有帮助...