Crea las propiedades de tu caja de sombra para obtener el estilo CSS.
Utilice los controles deslizantes y el selector de color para establecer los valores y observe la vista previa en vivo hasta que alcance el efecto deseado. Seleccione el cambio de derecha hacia abajo, extensión, desenfoque, opacidad, color.
Seleccione un color personalizado para el fondo de la vista previa y su objeto.
Agregar varias sombras de caja
Los navegadores web nos permiten agregar más de una sombra a nuestro diseño y también lo hace esta herramienta en línea. Utilice el botón Agregar nuevo para guardar la línea actual y configurar una nueva.
Sintaxis CSS
box-shadow: none|<em>h-offset v-offset blur spread color </em>|inset|initial|inherit;Nota: Para adjuntar más de una sombra a un elemento, agregue una lista de sombras separadas por comas (consulte el ejemplo "Pruébelo usted mismo" a continuación).
