Box Shadow CSS Property and Referencing MDN Documentation

The lecture presents you the CSS property to add a box shadow.

You see that the property can take multiple values instead of just one. Simply separate them by a whitespace.

You learn to calibrate the values for the property using the browser developer tools (DevTools).

Note that for the text example in the video, it is better to use the text shadow property, so that is why it looks a bit weird. Box shadow would look nice if the example text in the video was presented as a button with border, rounded border, and padding.

You also learn to look up documentation for the CSS property to understand the different ways you can specify the values. In particular, we look at the docs website for the Mozilla Developer Network (MDN).