Workshop › My business card › Step 7 of 12

A soft shadow

What we are doing

A light shadow makes the card look like it floats above the page.

```css
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
```

What it means

• The numbers are: sideways offset 0, downward offset 4px, blur 12px.
• rgba(0, 0, 0, 0.15) is black at 15% strength: a see-through shadow.

Your turn

Add the line inside .card, under margin.

Skills: Styling with CSS

← Center the card Color your name →

All steps

1. Your name as a heading
2. A line about you
3. Put them in a box
4. Your first CSS
5. Make the box look like a card
6. Center the card
7. A soft shadow
8. Color your name
9. Add your links
10. Links in a row
11. Links that react
12. Build it yourself: a card that reacts