Maison > Article > interface Web > Filtre de canal alpha CSS
Filtre de canal alpha CSS
- WBOYavant
- 2023-08-31 08:29:021055parcourir
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 -
| 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