Тень #1
box-shadow: 0px 4px 6px 0px #00000040;
[box-shadow:0px 4px 6px 0px #00000040]

Возможности Box Shadow Generator

Множественные тени

Добавляйте неограниченное количество теней для создания сложных эффектов глубины.

Live Preview

Мгновенный предпросмотр изменений при настройке параметров теней.

Гибкие настройки

Полный контроль над offset, blur, spread, цветом и режимом inset для каждой тени.

CSS + Tailwind

Экспорт в чистый CSS или Tailwind CSS классы для прямого использования.

Параметры box-shadow

Offset X и Y

Горизонтальное и вертикальное смещение тени относительно элемента. Положительные значения смещают вправо/вниз, отрицательные - влево/вверх.

Blur Radius

Радиус размытия тени. Чем больше значение, тем более размытой и мягкой будет тень. 0 = четкая тень без размытия.

Spread Radius

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

Inset

Переключает тень с внешней на внутреннюю, создавая эффект вдавленности элемента.

Другие полезные инструменты