Генератор box-shadow

Горизонтальное и вертикальное смещения сдвигают тень вправо/влево и вниз/вверх относительно элемента; радиус размытия смягчает её край (0 — резкий край, большие значения мягче); а радиус растушёвки увеличивает или уменьшает размер тени до применения размытия. Отрицательная растушёвка стягивает тень внутрь, что удобно для лёгкого эффекта подъёма.

Добавьте ещё один слой — CSS позволяет накладывать на один элемент любое число теней, разделяя их запятыми. Первый слой в списке рисуется сверху. Наложение узкой тёмной тени поверх широкой мягкой — распространённый способ получить реалистичный эффект глубины.

Включите «Внутренняя», чтобы рисовать тень внутри рамки элемента, а не снаружи; поверхность будет выглядеть вдавленной или углублённой. Внутренние и внешние слои можно сочетать на одном элементе.

Нет. Всё работает в вашем браузере — предпросмотр и сгенерированный CSS вычисляются локально, и ничего из того, что вы настраиваете, не отправляется на сервер. Скопируйте код и вставьте его прямо в таблицу стилей.