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 textin 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 lin 0px;
C.
text-shadow: 72pt 5em 0px
D.
text-shadow:72pt 0em 5px;
Explanation:
See http://www.w3.org/TR/css3-text/#text-shadow
B. text-shadow: 5px lin 0px;
Answer correct is D
correct – text-shadow: 0px 1in 5px (tested)
text-shadow: h-shadow v-shadow blur color;
in question “below”, and “blur 5px”
What is the correct answer in exam?
correct also – text-shadow: 0px 72pt 5px (tested)
text-shadow: h-shadow v-shadow blur color;
so D is ok (only the D have 5px of blur)
D is the most correct of the wrong answers. You need to think microsofty;)
Yes correct should be text-shadow: 0pt 72pt 5px;
But given the answers the correct one might be text-shadow:72pt 0em 5px; D answer
https://jsfiddle.net/1Lzu6tkf/2/
The answer is B text-shadow: 5px lin 0px;
Explanation:
We set the second argument (vertical) to one inch (1in). Note
Syntax text-shadow: h-shadow v-shadow blur colour;
Note: The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows, each specified by 2 or 3 length values and an optional color. Omitted lengths are 0.
* h-shadow
Required. The position of the horizontal shadow. Negative values are allowed * v-shadow
Required. The position of the vertical shadow. Negative values are allowed * blur
Optional. The blur distance * colour
Optional. The colour of the shadow.