CSS 필터로 글로우 효과 구현

글로우 효과는 개체 주위에 글로우를 만드는 데 사용됩니다. 투명한 이미지인 경우 불투명한 픽셀 주위에 광선이 생성됩니다.

이 필터에서 다음 매개변수를 사용할 수 있습니다. -

S.no	매개변수 및 설명
1.	색상 당신이 원하는 빛의 색상.
2.	강도 광선의 강도(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>