box-shadow

box-shadow: none | <shadow>#

📝 Описание

Добавляет тени к элементу.

Значение по умолчанию: none

🎯 Возможные значения

  • none — без тени
  • <offset-x> <offset-y> <blur-radius> <spread-radius> <color>
  • inset — внутренняя тень
.card {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

🌐 Поддержка браузеров

Все современные браузеры