I’m currently going through Applied Visual Design and I there is a challenge to create a box shadow. I can create the code but what I don’t understand is the example used:
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
Firstly what does the 0 at the beginning represent? The instructions show the layout as
offset-x(how far to push the shadow horizontally from the element),
offset-y(how far to push the shadow vertically from the element),
color, in that order.
However the first value seems to represent blur-radius?
And secondly why do you need two box shadows?
Any help is much appreciated, thanks.