Shadow/ glow png outline not box

Hello!

I was wondering if it is possible to have the glow or shadow effect on hover for example going around the png image outline rather that the box?

Cheers,
Linda


Hi Linda,

Go to your page settings and write this inside your < head > tag

<style>
.Image-24:hover {
filter: drop-shadow(0 0 5px #000);
}
</style>

cheers, Lucas :slight_smile:

1 Like

Hi Lucas,
Thanks for this example, but I was unable to get it to work, despite trying it in multiple pages and also site-wide header section (edited from the Project Settings). Even when published, it doesn’t seem to work, unfortunately.

I also tried using # as shown in this example: Transparent background PNG drop shadow - #7 by bri-idea?

Any ideas what might be wrong with it?

Cheers!
Dax.

https://preview.webflow.com/preview/pfss-2019-1?utm_source=pfss-2019-1&preview=cc65aae4689c766f8cb52c19d270d8c2