Что вы знаете о text-shadow и box-shadow?

Question

Accepted Answer

## Назначение
Оба рисуют тени без отдельной графики: **text-shadow** — у глифов текста, **box-shadow** — у бокса (может быть несколько слоёв).

## Синтаксис

```css
.title {
  text-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}
.card {
  box-shadow:
    0 1px 2px rgb(0 0 0 / 12%),
    0 8px 24px rgb(0 0 0 / 12%);
}
```

`box-shadow` не влияет на layout (в отличие от margin). Для focus-ring иногда используют shadow вместо outline. Слишком много крупных теней бьёт по производительности paint.

## Итог
text — тень букв; box — тень прямоугольника/формы. Слои перечисляются через запятую.