box-shadow
property applies one or more shadows to an element.
The box-shadow
property takes values for 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 a color value, in that order. The blur-radius
and spread-radius
values are optional.
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);
thumbnail
. With this selector, use the example CSS values above to place a box-shadow
on the card.
box-shadow
property for the thumbnail
id.
testString: assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g), 'Your code should add a box-shadow
property for the thumbnail
id.');
- text: You should use the given CSS for the box-shadow
value.
testString: assert(code.match(/box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\),\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi), 'You should use the given CSS for the box-shadow
value.');
```
Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.