Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211, 211) and adds a black text shadow with 0-pixel offsets and a blur size of 5 pixels.
Andrew has included an image of Charles Messier, the originator of the Messier catalog of stellar objects. The image is marked with the id "mportrait". In the Section Left Styles section, create a style rule for this object that modifies the appearance of this image by applying the following filters:
the drop-shadow filter with a horizontal offset of –15 pixels, a blur of 5 pixels, and a color of rgba(51, 51, 51, 0.9);
a grayscale filter with a value of 0.7; and
an opacity filter with a value of 0.6.
Andrew wants the Charles Messier image flipped horizontally. Add a style to transform the image by rotating it 180° around the y-axis.
Someone posted the below answer on Chegg but it is wrong!
/* Section Left Styles */
#left > article h1
{
color:rgb(211, 211, 211); /*changes the text color to rgb(211, 211, 211) */
text-shadow: 0px 0px 5px black; /* adds a black text shadow with 0-pixel offsets and a blur size of 5 pixels. */
}
#left > article #mportrait
{
filter: drop-shadow(-15px 0px 5px rgba(51, 51, 51, 0.9)) grayscale(0.7) opacity(0.6); /*drop-shadow filter with a horizontal offset of –15 pixels, a blur of 5 pixels, and a color of rgba(51, 51, 51, 0.9); a grayscale filter with a value of 0.7; and an opacity filter with a value of 0.6.*/
transform: rotateY(180deg); /*rotating the image 180° around the y-axis. */
}