Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie CSS, um Maskeneffekte festzulegen

Verwenden Sie CSS, um Maskeneffekte festzulegen

WBOY
WBOYnach vorne
2023-09-02 08:13:161211Durchsuche

使用 CSS 设置遮罩效果

Verwenden Sie den Maskeneffekt, um transparente Pixel in eine bestimmte Farbe zu ändern und undurchsichtige Pixel transparent zu machen. Die folgenden Parameter werden in diesem Filter verwendet:

Die Farbe, die der transparente Bereich annimmt. BeispielLive-Demo
<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>
thead>

Sie können versuchen, den folgenden Code auszuführen, um den Maskierungseffekt zu erzielen -

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um Maskeneffekte festzulegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:CSS-Flex-Wrap-EigenschaftNächster Artikel:CSS-Flex-Wrap-Eigenschaft