CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用してオブジェクトの周りにグローを作成します

グロー効果は、オブジェクトの周囲にグローを作成するために使用されます。透明な画像の場合、不透明なピクセルの周りにグローが作成されます。

このフィルターでは次のパラメーターを使用できます

パラメータ
説明
色
グローにしたい色。
強度
グローの強度（1から255）。
例

次のコードを実行して、オブジェクトの周囲にグローを作成してみてください。

<html>
   <head>
   </head>

   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Chroma(Color = #000000) Glow(Color=#00FF00, Strength=20)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Glow(Color=#00FF00, Strength=20)">CSS Tutorials</div>
   </body>

</html>

  1. CSSを使用してスクロールでグラデーションの背景色を作成するにはどうすればよいですか？

    スクロール時にグラデーションの背景色を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    

  2. CSSでプレースホルダー属性の色を変更するにはどうすればよいですか？

    CSSでプレースホルダー属性の色を変更するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, s