Generador de sombras CSS

Ajusta desplazamiento, desenfoque, expansión, color y opacidad con una vista previa instantánea.

OpenUtils

Horizontal0pxVertical12pxDesenfoque28pxExpansión-6px

Color

Opacidad24%

Sombra interior

CSS generadobox-shadow: 0px 12px 28px -6px rgba(32, 36, 44, 0.24);

Control

Sombras precisas

Ajusta cada valor de box-shadow con controles visuales y valores legibles.

Variantes

Alterna entre una sombra normal e inset sin editar código manualmente.