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

时间:2014-04-17 21:35:08

标签: html css css3

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

this帖子中,我看到了一种围绕文字创建边框的方法。但是,它是基于文本的实际状态创建的,因此如果我更改其不透明度,边框将对此作出响应。

我怎样才能创建我想要的边框?

1 个答案:

答案 0 :(得分:0)

执行此操作的最佳方法是将文本的颜色设置为 rgba(255,255,255,0) -webkit-text-stroke-width 1px -webkit-text-stroke-color #000 或您想要使用的任何其他颜色< / p>

所以它会是这样的:

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

希望这会对你有帮助......