Question:Given the following problem:
A drop shadow needs to appear only at the bottom, and no images should be used.
Consider the following code:-moz-box-shadow: 0px 4px 4px #000;
-webkit-box-shadow: 0px 4px 4px #000;
box-shadow-bottom: 5px #000;
However, this produces shadows on the rest of the element.
Which of the following code snippets will correct the issue?
A border-bottom:5px solid #ffffff;
-webkit-box-shadow: 0px 5px #000000;
-moz-box-shadow: 0px 5px #000000;
box-shadow: 0px 5px #000000;
B -webkit-box-shadow: 0 4px 4px -2px #000000;
-moz-box-shadow: 0 4px 4px -2px #000000;
box-shadow: 0 4px 4px -2px #000000;
C -webkit-box-shadow: 0 4px 4px -2px inside #000000;
-moz-box-shadow: 0 4px 4px -2px inside #000000;
box-shadow: 0 4px 4px -2px inside #000000;
D None