Generador de sombra de caja
Generador de sombra de caja. Aplica Generador de sombra de caja al contenido. Configura Color base, Desplazamiento horizontal (px), Desplazamiento vertical (px) y revisa el resultado antes de copiarlo.
Apariencia y salida
Se ejecuta en este navegadorResultado
Configura los datos y ejecuta la herramienta para ver el resultado.
Cómo usar Generador de sombra de caja
- Revisa el ejemplo y las unidades; después sustituye los datos por los tuyos.
- Aplica Generador de sombra de caja al contenido. Configura Color base, Desplazamiento horizontal (px), Desplazamiento vertical (px) y revisa el resultado antes de copiarlo.
- Ejecuta la herramienta, revisa el resultado y copia o descarga lo necesario.
Método y alcance
Aplica Generador de sombra de caja al contenido. Configura Color base, Desplazamiento horizontal (px), Desplazamiento vertical (px) y revisa el resultado antes de copiarlo.
Edita el ejemplo o pega tu propio contenido.
Ejemplo de entrada
Color base: #0d6e9b Desplazamiento horizontal (px): 4 Desplazamiento vertical (px): 8 Radio de desenfoque (px): 16 Radio de extensión (px): 0
Preguntas y comprobaciones
¿Cómo determina Generador de sombra de caja el resultado?
Aplica Generador de sombra de caja al contenido. Configura Color base, Desplazamiento horizontal (px), Desplazamiento vertical (px) y revisa el resultado antes de copiarlo.
¿Qué debo comprobar antes de procesar?
Edita el ejemplo o pega tu propio contenido.
¿Cómo puedo verificar la salida?
Comprueba primero el ejemplo y compara los resultados importantes con la fuente o el documento comercial original.
Color base: #0d6e9b Desplazamiento horizontal (px): 4 Desplazamiento vertical (px): 8 Radio de desenfoque (px): 16 Radio de extensión (px): 0
Herramientas relacionadas
Generador de degradado CSS
Aplica Generador de degradado CSS al contenido. Configura Color base, Segundo color, Ángulo del degradado (°) y revisa el resultado antes de copiarlo.
Diseño y coloresTexto · Sombra
Aplica Texto · Sombra al contenido. Configura Color base, Desplazamiento horizontal (px), Desplazamiento vertical (px) y revisa el resultado antes de copiarlo.
Diseño y coloresGenerador de esquinas redondeadas
Aplica Generador de esquinas redondeadas al contenido. Configura Radio superior izquierdo (px), Radio superior derecho (px), Radio inferior derecho (px) y revisa el resultado antes de copiarlo.
Diseño y coloresCSS · Filtrar
Aplica CSS · Filtrar al contenido. Configura Brillo (%), Cambio de contraste desde el 100% (%), Escala de grises (%) y revisa el resultado antes de copiarlo.
Diseño y coloresVista previa de favicon
Aplica Vista previa de favicon al contenido. Configura Color base, Segundo color, Texto del icono y revisa el resultado antes de copiarlo.
Diseño y coloresColores · Convertir
Aplica Colores · Convertir al contenido. Configura Color base y revisa el resultado antes de copiarlo.