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

Генерируйте CSS box-shadow с визуальными элементами управления. Настройка смещения, размытия, распространения и цвета.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Часто задаваемые вопросы

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

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

Что делает spread?

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

Что такое внутренняя тень (inset)?

Внутренняя тень появляется внутри границы элемента, создавая эффект внутренней тени или вдавленности.