如何制作透明文字？ [复制]答案

【问题标题】：How to make transparent text? [duplicate]如何制作透明文字？ [复制]
【发布时间】：2016-04-09 21:14:00
【问题描述】：

我正在制作一个投资组合，我想知道如何设置一个 div 属性，以使 div 的 TEXT 透明和背景等不透明。

【问题讨论】：

为此使用画布并创建图片。或者更好的带有文本路径的 SVG
color: rgba(0,0,0,0); 是一种方式。
取决于您的规格。 CSS 有一个名为“不透明度”的属性，您可以将其设置为百分比。
让这成为你的一个教训：问一个模糊的问题，得到很多令人眼花缭乱的答案。通过这个例子，这实际上是一个比我们回答的问题要难得多的问题。在我看来，SVG 方法实际上可能是最简单的。

标签： html css

【解决方案1】：

使用rgba 并将不透明度设置为0（最后一个值）。

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

更新

既然您已经澄清了您的问题... SVG 将是您最好的选择。见fill-opacity

【讨论】：

【解决方案2】：

试试red,green,blue,alpha 的color 值

div{

  width: 50%;
  height: 50%;
  background: green;

}
p{

font-size: 30px; 
font-weight: bolder;
color: rgba(0,0,0,.1);  
}

<div>
  <p> your text </p>  
</div>

【讨论】：