Какие основные принципы работы с box-shadow в CSS?

Некоторые основные принципы работы со свойством box-shadow в CSS:

• Использование нескольких теней. 25 Параметры разных теней можно указать для одного элемента, разделив их запятыми. 25 При этом первая тень в списке будет выше, последняя — ниже. 5
• Настройка смещения. 14 Смещение по осям x и y — обязательные значения для тени. 1 Если первое значение положительное, то тень будет справа от элемента, если отрицательное — слева. 1 Если второе значение положительное, то тень будет снизу, если отрицательное — сверху. 1
• Управление радиусом размытия. 14 Это опциональное значение. 1 Если его не указывать или задать 0, то край тени будет резким, без размытия. 1 Чем больше значение, тем шире область размытия и тем светлее сама тень. 1
• Настройка радиуса распространения. 1 Это опциональное значение. 1 По умолчанию равно 0, размеры тени совпадают с размерами элемента. 1 Если указано отрицательное значение, то тень будет меньше, если положительное, то тень будет больше. 1
• Указание цвета. 1 Это обязательное значение. 1 Если не указывать цвет, то решение остаётся за браузером. 1 Как правило, браузер берёт значение свойства color того элемента, которому задана тень. 1
• Создание внутренней тени. 14 Для этого используется ключевое слово inset. 14 Если его не указать, то тень располагается снаружи элемента. 1 Если указать, то элемент как будто будет вогнут внутрь и его стенки будут отбрасывать тень внутрь. 1