Maison >interface Web >tutoriel CSS >Créer des ombres atténuées à l'aide de CSS
Créer des ombres atténuées à l'aide de CSS
- WBOYavant
- 2023-08-26 08:25:091584parcourir
Le filtre Ombre est utilisé pour créer une ombre atténuée dans une direction et une couleur spécifiées.
Les paramètres suivants peuvent être utilisés dans ce filtre −
| numéro de série | paramètres et description |
|---|---|
| 1 |
color La couleur de nuance que vous souhaitez. |
| 2 |
Direction La direction du flou, dans le sens des aiguilles d'une montre, par incréments de 45 degrés. La valeur par défaut est 270 (à gauche). 0 = Haut 45 = En haut à droite 90 = Droite 135 = En bas à droite 180 = En bas 225 = En bas à gauche 270 = Gauche 315 = En haut à gauche
|
Exemple
Vous pouvez essayer d'exécuter le code suivant pour implémenter le filtre d'ombre −
Démo
<html>
<head>
</head>
<body>
<img src="/css/images/logo.png" alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">
<p>Text Example:</p>
<div style="width: 357;
height: 50;
font-size: 30pt;
font-family:
Arial Black;
color: red;
Filter: Shadow(Color=#0000FF, Direction=225)">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!