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>