Streaming live at 10am (PST)

Shadow/ glow png outline not box


#1

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



#2

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:


Transparent background PNG drop shadow
#3

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?

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