CSS로 마스크 효과 설정

마스크 효과를 사용하여 투명한 픽셀을 지정된 색상으로 바꾸고 불투명한 픽셀을 투명하게 만듭니다. 이 필터에 사용된 매개변수는 다음과 같습니다.

Sr.No	매개변수 및 설명
1	색상 투명 영역이 될 색상입니다.

예시

다음 코드를 실행하여 마스크 효과를 구현할 수 있습니다. −

<html>
   <head>
   </head>
   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
     
      <p>Text Example:</p>

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

</html>