Hola!
He estado mirando sobre este tema y te cuento:
Sí, se puede aplicar una sombra a un elemento con un recorte aplicado.
Lo único, no es con la propiedad box-shadow. Para aplicar una sombra a un elemento con recorte deberás usar la propiedad filter: drop-shadow();
De esta forma sí que seguirá la forma que tiene el nodo con el recorte aplicado.
Además, esta propiedad necesitas aplicársela al padre del nodo que contendrá el recorte de clip-path, para que la sombra haga la misma figura que el recorte que tiene el nodo hijo.
Mira aquí tienes una explicación detallada sobre este tema que he encontrado:
https://css-tricks.com/using-box-sha...path-together/
Además de eso, aquí tienes un codepen que he modificado de otro que encontré y le he puesto una figura un poco compleja con clip-path y funciona bien:
https://codepen.io/animaticss/pen/WNbOgXb
Aquí tienes la compatibilidad en diferentes navegadores sobre esta propiedad:
https://caniuse.com/#search=drop-shadow
Aquí tienes más información y otro ejemplo más:
https://developer.mozilla.org/en-US/...on/drop-shadow
Espero que te sirva! Cualquier cosa comentamos shur
¡Muchas gracias! Así podría llegar a lo que quiero, y si se puede aplicar una sombra seguro que se pueden hacer más cosas con ese recorte. Gracias de nuevo.
AnimatiCSS
Garra Negra
