2017-02-13 1 views
0

J'ai une question qui me rend fou. Lorsque j'utilise box-shadow sur une image .png, tout fonctionne normalement bien qu'il forme un carré autour de l'image. Pour résoudre ce problème, nous pouvons utiliser drop-shadow, qui suit en effet la forme de l'image. Cependant, je peux déplacer l'ombre vers la gauche, vers le haut, vers le bas pour le rendre plus ou moins flou. Mais je ne peux pas savoir comment répandre l'ombre! Il semble que la 4ème valeur annule tout de l'ombre.CSS ombre portée sur un problème d'image .png

L'ombre de la boîte:

-webkit-box-shadow: 0px 0px 130px 150px rgba(39,21,6,1); 
-moz-box-shadow: 0px 0px 130px 150px rgba(39,21,6,1); 
box-shadow: 0px 0px 130px 150px rgba(39,21,6,1); 

L'ombre:

filter: drop-shadow(0px 130px 150px rgba(39,21,6,1)); 
+0

La 4ème valeur (spread) est pas pris en charge par la plupart des navigateurs – pol

+0

La 4ème valeur (spread) est non pris en charge par la plupart des navigateurs –

Répondre