Maison > Article > interface Web > Filtre de canal alpha CSS

Filtre de canal alpha CSS

WBOYavant: 2023-08-31 08:29:021041parcourir

CSS Alpha 通道滤镜

Le filtre de canal Alpha modifie l'opacité d'un objet afin qu'il se fonde dans l'arrière-plan.

Les paramètres suivants sont disponibles dans ce filtre -

Finished

Paramètre	Description
Opacité	Niveau d'opacité. 0 est entièrement transparent, 100 est entièrement opaque.
finishopacity	Le niveau d'opacité de l'autre côté de l'objet.
Style	Dégradé d'opacité de forme. 0 = Uniforme 1 = Linéaire 2 = Radial 3 = Rectangulaire
startX	La coordonnée X où commence le dégradé d'opacité.
startY	La coordonnée Y où commence le dégradé d'opacité.
La coordonnée X de la fin du dégradé d'opacité.
Finished	La coordonnée Y de la fin du dégradé d'opacité.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter Alpha Filter -

Live Demo

<html>
   <head>
   </head>
   <body>

      <img src="/css/images/logo.png" alt="CSS Logo"
         style="Filter: Alpha(Opacity=100,
         FinishOpacity=0,
         Style=2,
         StartX=20,
         StartY=40,
         FinishX=0,
         FinishY=0)" />
      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: blue;
         Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">
         CSS Tutorials
      </div>
   </body>
</html>

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：Requêtes multimédias pour définir différentes règles de style CSS pour des appareils de différentes taillesArticle suivant：Requêtes multimédias pour définir différentes règles de style CSS pour des appareils de différentes tailles

Articles Liés

Voir plus