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

Создайте идеальную CSS-тень с визуальным предпросмотром.

Background

#e0e0e0

Box Color

#e0e0e0

Border Radius24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

Horizontal0px

Vertical4px

Blur Radius14px

Spread Radius0px

Shadow Color#000000

Opacity25%

Up next

Or try these instead

Рекомендуемые инструменты

Подборка полезных утилит

Создайте красивые цветовые палитры с помощью ИИ.

Извлекайте доминирующие цвета из изображения.

Создавайте CSS-анимации визуально.

Создавайте красивые CSS-градиенты.

Рассчитайте пропорции для экранов и изображений.

Создавайте случайные органические формы для дизайна.

Создавайте эффект glassmorphism с CSS.

Создавайте CSS clip-path формы визуально.