Comment définir des ombres irrégulières en CSS

En CSS, vous pouvez utiliser l'attribut drop-shadow pour définir des ombres irrégulières. Il vous suffit de définir le style "filter:drop-shadow (value value value color value)" sur l'élément. La fonction d'ombre portée définit un effet d'ombre floue sur l'image.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Des images irrégulières sont utilisées comme arrière-plans dans le projet et des effets d'ombre sont nécessaires, comme le montre l'image :

Si vous utilisez box-shadow, il y aura des dépressions. Le demi-cercle n'apparaît pas sur un fond blanc.
Vous pouvez utiliser CSS pour obtenir des effets d'ombre et résoudre vos besoins.

filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));

Apprentissage recommandé : Tutoriel vidéo CSS

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!