Diseño y Recursos
Generador de Box Shadow
Genera valores CSS de box-shadow con desplazamientos y desenfoque personalizados.
Categoría
Diseño y Recursos
Etiquetas
box shadowCSSdesignGenerador
Entrada
Generador de Box Shadow
box shadowCSSdesignGenerador
Salida
Box shadow CSS
Shadow
0px 12px 30px -8px rgba(17, 17, 17, 0.18)
Modo
Drop
.shadow-card {
width: min(100%, 320px);
height: 140px;
border-radius: 18px;
background: white;
color: #111827;
display: grid;
place-items: center;
box-shadow: 0px 12px 30px -8px rgba(17, 17, 17, 0.18);
}Shadow Vista previa
Live canvas