Question

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

请帮帮我

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

Answer 1

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

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

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

Answer 2

我建议在这里使用text-shadow：

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

Answer 3

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

中

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

或只是放置

颜色：透明; text-shadow：0 0 5px rgba（0,0,0,0.5）;

in style =“”tag。

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