You are developing an HTML5 page that includes several paragraph elements.
You have the following requirements:
Add a drop shadow that is one inch below the text in the paragraph
Set the radius of the drop shadow to five pixels
You need to style the paragraphs to meet the requirements.
Which CSS style should you use?
A.
text-shadow: 72pt 0pt 5pt
B.
text-shadow: 5px 1in 0px;
C.
text-shadow: 72pt 5em 0px;
D.
text-shadow:72pt 0em 5px;
Explanation:
See http://www.w3.org/TR/css3-text/#text-shadow
72pnt = 1nch
text-shadow: h-shadow v-shadow blur color;
h-shadow Required. The position of the horizontal shadow. Negative values are allowed
v-shadow Required. The position of the verticalshadow. Negative values are allowed
blur Optional. The blur distance
color Optional. The color of the shadow.Look at CSS Color Values for a complete list of possible color
values
the answer seems wrong. ’72pt 0em 5px’ sets h-shadow to 72pt, while v-shadow should be set to 72pt
Here is a JSFiddle to show the correct text-shadow, as stijn said.
https://jsfiddle.net/b3mydhdq/
The options are incorrect.
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Correct is (B answer inversed):
text-shadow:0px 1in 5px;