Drop Shadow crée l'ombre d'un objet selon un décalage et une couleur X (horizontal) et Y (vertical) spécifiés.
Les paramètres suivants sont disponibles dans ce filtre:
| Parameters | Description |
|---|---|
| color | color, au format #rrggbb, ombre. |
| offX | Le nombre de pixels dont la projection est décalée par rapport à l'objet visuel le long de l'axe x. Les entiers positifs déplacent la projection vers la droite, les entiers négatifs la déplacent vers la gauche. |
| offY | Le nombre de pixels dont l'ombre est décalée par rapport à l'objet visuel le long de l'axe y. Les entiers positifs déplacent l’ombre vers le bas, les entiers négatifs la déplacent vers le haut. |
| positif | Si c'est vrai, tous les pixels opaques de l'objet ont une ombre. Si faux, tous les pixels transparents ont des ombres. La valeur par défaut est vrai. |
Vous pouvez essayer d'exécuter le code suivant pour configurer l'effet d'ombre portée :
Live Demo
<html>
<head></head>
<body>
<img src = "/css/images/logo.png"
alt = "CSS Logo"
style = "Filter: Chroma(Color = #000000)
DropShadow(Color = #FF0000,
OffX = 2,
OffY = 2, Positive = 1)">
<p>Text Example:</p>
<div style = "width: 357;
height: 50;
font-size: 30pt;
font-family: Arial Black;
color: red;
Filter: DropShadow(Color = #000000, OffX = 2, OffY = 2, Positive = 1)">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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
