Обычно box-shadow применяется для создания простых теней на веб-страницах, но также этот инструмент можно использовать намного шире.
Для начала рассмотрим параметры box-shadow:
- inset: добавление внутренней тени, необязательный параметр.
- x-offset: горизонтальное смещения тени, обязательный параметр, может быть отрицательным
- y-offset: вертикальное смещения тени, обязательный параметр, может быть отрицательным
- blur: радиус размытия тени, значение «0» по умлочанию
- spread: плотность, важный параметр, о котором пойдет речь ниже
- color: цвет тени, можно использовать строчные значения, hex-код, rgb, hsla, rgba и т.д. Необязательный параметр, но некоторые браузеры используют черный цвет по умолчанию