Setting a background causes the drop-shadow filter to ignore the free form and applies it only to the images rectangular outline.
img {
background: lightgreen;
filter: drop-shadow(0 0 10px red);
}
Setting a background causes the drop-shadow filter to ignore the free form and applies it only to the images rectangular outline.
img {
background: lightgreen;
filter: drop-shadow(0 0 10px red);
}
This can be achieved using SVG filters:
Please note the order of the filters is important.
https://jsbin.com/zoseru/3/edit?html,css,output