Maison  >  Article  >  interface Web  >  Utiliser CSS pour définir les effets de masque

Utiliser CSS pour définir les effets de masque

WBOY
WBOYavant
2023-09-02 08:13:161206parcourir

使用 CSS 设置遮罩效果

Utilisez l'effet de masque pour changer les pixels transparents en une couleur spécifiée et rendre les pixels opaques transparents. Les paramètres suivants sont utilisés dans ce filtre.

La couleur dans laquelle la zone transparente se transformera. ExempleLive 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>

Vous pouvez essayer d'exécuter le code suivant pour obtenir l'effet de masquage -

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent:Propriété CSS flex-wrapArticle suivant:Propriété CSS flex-wrap