Help Needed- Applied Visual Design

Hi Team,

Is the applied box-shadow element correct?
#thumbnail {

box-shadow: 0 20px 20px rgba(0,0,0,0.19), 0 2px 6px rgba(0,0,0,0.23);

Can someone explain me how does this work?


here box-shadow has two values which are separated by a ’ , ’ . The parameters or attributes of box-shadow are as follows(in-order): offset x-> positive value puts shadow behind the box and negative value puts shadow in front of it. (here it is zero) offset y-> similar to offset x +ve value puts it on top and -ve on bottom(Here 20px). Next value is blur-radius, it is used to increase and decrease the blur(Here 20px). Next is splash-radius, +ve value increase size of shadow and -ve decreases it(Here it is not mentioned). Next is the color value, it can be in hex form or name or rgb or rgba or hue. Rgba is similar to rgb only with an extra value to be inserted ,i.e the opacity.