Что такое CSS box-shadow?

CSS box-shadow добавляет эффекты тени вокруг рамки элемента с смещением, размытием, расширением и цветом.

Что такое ключевое слово inset?

inset меняет тень на внутреннюю, отображая её внутри элемента.

Радиус размытия определяет размытие края тени. Большее значение — более мягкая тень.

Радиус расширения увеличивает или уменьшает тень. Положительные значения увеличивают, отрицательные — уменьшают.

Визуальный генератор CSS box-shadow. Настройте смещение, размытие, расширение, цвет и inset с предпросмотром.

