使用 CSS 設定蒙板效果

使用蒙板效果將透明畫素轉換為指定顏色，並將不透明畫素轉換為透明畫素。此濾鏡中使用了以下引數

序號
引數和說明
          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>

更新於： 2020 年 3 月 13 日

264 次瀏覽

啟動你的事業

透過完成課程獲得認證

開始學習
廣告