Créer des ombres atténuées à l'aide de CSS-tutoriel CSS-php.cn

Créer des ombres atténuées à l'aide de CSS

WBOY

Libérer： 2023-08-26 08:25:09

avant

1587 Les gens l'ont consulté

使用 CSS 创建衰减阴影

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

numéro de série

paramètres et description

color

La couleur de nuance que vous souhaitez.

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>

Copier après la connexion

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!