html - divでのHTMLcssブラー効果

Question

私はウェブサイトを開発していますが、問題があります。divにガウスぼかしが必要です。不透明度を変更することはできますが、テキストをぼかしることはできません。

私を助けてください

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

score 3 · Accepted Answer

直接はできませんが、csstext-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