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

Posted 2023-03-06

【中文标题】如何制作透明文字？ [复制]

【英文标题】：How to make transparent text? [duplicate]

【发布时间】：2016-04-09 21:14:00

【问题描述】：

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

【问题讨论】：

为此使用画布并创建图片。或者更好的带有文本路径的 SVG

color: rgba(0,0,0,0); 是一种方式。

取决于您的规格。 CSS 有一个名为“不透明度”的属性，您可以将其设置为百分比。

让这成为你的一个教训：问一个模糊的问题，得到很多令人眼花缭乱的答案。通过这个例子，这实际上是一个比我们回答的问题要难得多的问题。在我看来，SVG 方法实际上可能是最简单的。

【参考方案1】：

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

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

见here

更新

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

【讨论】：

其实更好……color: transparent;

@CodeiSir color 是文本颜色的 css 属性，background-color 是背景，opacity 是所有内容

@CodeiSir 他用所有大写字母说 TEXT 需要透明，背景不透明。不太清楚你在说什么。这正是这样做的。

【参考方案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>