aplicando la sombra de caída a las imágenes PNG de forma irregular utilizando css

el enfoque estándar para aplicar una sombra de caída a una imagen png usando -o-box-shadow, -icab-box-shadow, -khtml-box-shadow, -lox-box, ybox-shadow, boxshadow-box,-box-shadow,-box-shado,-boxshadow, boxshadow-boxe -Webkit-box-shadow, o las propiedades de sombra de caja tratan la imagen como un cuadrado. Esto puede dar como resultado que la sombra no se ajuste a la forma real de la imagen.

para aplicar una sombra de caída que sigue con precisión los contornos de una imagen PNG no cuadrada, puede usar el filtro CSS: propiedad: dropshadow (). Esta sintaxis de propiedad es la siguiente:

filter: drop-shadow(x y blur? color?);

aquí, x e y representan los desplazamientos horizontales y verticales de la sombra, respectivamente, mientras que el borro define la difusión de los bordes de la sombra. El parámetro de color opcional establece el color de la sombra.

Esta técnica se puede aplicar utilizando reglas CSS regulares:

img {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

Alternativamente, puede especificar el filtro en línea para imágenes individuales:

usando la propiedad de filtro: dropshoDow (), puede lograr sombras de caída precisas en las imágenes de Png de forma irregular, mejorando su atractivo visual y agregando profundidad a la profundidad a la profundidad de la profundidad, y puede lograr las sombras de caída precisas [y las imágenes de diseño irregular, mejorando su apelación visual y agregando profundidad a la profundidad a la profundidad de la profundidad de la profundidad.