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
February 10, 2018 at 12:32 pm
#266638
Paulie_D
Member
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;
}