html - div中的Html css模糊效果

Question

我正在开发一个网站，但有一个问题，一个 div 中需要高斯模糊，我可以改变不透明度但不能使文本模糊。

请帮我

<html>
   <body>
      <div id="blur" style="">hellokkksdjfdshfshifsd isjfcsdkcjsdlk</div>
    </body>
</html>

score 3 · Accepted Answer

不可能直接，但可以使用 css text-shadow 来实现。诀窍是让文本透明，然后给它一个阴影

Selectortoblurtext
{
color: transparent;
text-shadow: 0 0 5px #000000;
}

在阴影中尝试不同的组合！

score 1 · Accepted Answer

我建议在这里使用 text-shadow ，如下所示：

#blur {
    color: transparent;
    text-shadow: 0 0 6px rgba(0,0,0,0.5);
}

score 0 · Accepted Answer

您可以将以下代码放在您的样式文件中

#blur {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

或者只是放置

颜色：透明；文字阴影：0 0 5px rgba(0,0,0,0.5);

在 style="" 标签中。

0.5 是不透明度，0,0,0 是 rgb 颜色值。

3 回答 3