Mission 12: Shadow

เป้าหมายของ Mission นี้: ใส่เงาด้วย box-shadow

box-shadow

box-shadow: offset-x offset-y blur spread color; — เงาที่ดูเป็นธรรมชาติ มักใช้ offset-y เป็นบวก (เงาอยู่ด้านล่าง) blur ทำให้ขอบเงานุ่ม และสีเงาใช้ rgba(0, 0, 0, <ความจาง>) สีดำโปร่งแสง

Demo

.card {
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}