Add a box-shadow to a Card-like Element
The box-shadow
property applies one or more shadows to an element.
The box-shadow
property takes the following values, in order:
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
color
The blur-radius
and spread-radius
values are optional.
Multiple box-shadows can be created by using commas to separate properties of each box-shadow
element.
Here's an example of the CSS to create multiple shadows with some blur, at mostly-transparent black colors:
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
The element now has an id of thumbnail
. With this selector, use the example CSS values above to place a box-shadow
on the card.
Tests
- Waiting: 1. Your code should add a
box-shadow
property for thethumbnail
id. - Waiting: 2. You should use the given CSS for the
box-shadow
value.
/** * Your test output will go here */