Question on box-shadow property

Hi All,

I have a question on what exactly is the first “0” below?

box-shadow: 0 10px 20px rgba(0,0,0,0.19)

In the curriculum, it only mentioned

  • offset-x (how far to push the shadow horizontally from the element),
  • offset-y (how far to push the shadow vertically from the element),
  • blur-radius ,
  • spread-radius and
  • color , in that order.

So I am very confused as to what that “0” value is for…

Thank you ahead for the assistance !

It’s the offset-x value.

Zero value values can for the most be unit-less. That is you do not need to write 0px but can just write 0

I got it.

Thank you so much!!! ><