Как сделать тень в css?

Шаг 1. Забудь про black, бери rgba с прозрачностью, иначе тень как клякса от чернил. Шаг 2. Синтаксис такой: box-shadow: смещение-x смещение-y размытие цвет. box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) Шаг 3. Первые два числа двигают тень вбок и вниз, третье размывает края, чем больше — тем мягче. Шаг 4. Хочешь тень ровную со всех сторон — ставь x и y в 0, всё размытие уйдёт в blur. Шаг 5. Несколько теней можно указать через запятую, так делают глубину на карточках в интерфейсах. Шаг 6. inset добавляет тень внутрь блока, а не наружу, полезно для вдавленных полей ввода.