Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Trying to get drop shadow on an image and text shadow on a single h1 Reply To: Trying to get drop shadow on an image and text shadow on a single h1

#266638
Paulie_D
Moderator

As for this

#mportrait { 
    filter: drop-shadow(-15px 0px 5px rgba(51, 51, 51, 0.9));
    transform: scaleX(-1);
    filter: grayscale(0.7);
    opacity: 0.6;
}

The second filter is overriding the first…you’ll need to apply them as a single combined property..but remember that order is important…but perhaps not in this case.

#mportrait { 
    filter: grayscale(0.7) drop-shadow(-15px 0px 5px rgba(51, 51, 51, 0.9)) ;
    transform: scaleX(-1);
    opacity: 0.6;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/filter