Diseñar sombra CSS
Previsualiza una sombra CSS ajustando desplazamiento, desenfoque, extensión y color.
Tus herramientas guardadas se quedan en este navegador.
Diseñar sombra CSS — espacio de trabajo
Cargando tu herramienta…
Cómo usar: Diseñar sombra CSS
Empieza con el ejemplo o sustitúyelo por tus datos.
Revisa Desplazamiento horizontal (px), Desplazamiento vertical (px), Desenfoque (px), Extensión (px), Color y pulsa «Obtener resultado».
Revisa el resultado y cópialo o descárgalo. Edita cualquier dato para repetir.
Qué puedes hacer
- Previsualiza una sombra CSS ajustando desplazamiento, desenfoque, extensión y color.
Qué obtienes
- Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.
Qué necesitas
- Desplazamiento horizontal (px)
- Introduce un número (-100–100).
- Desplazamiento vertical (px)
- Introduce un número (-100–100).
- Desenfoque (px)
- Introduce un número (0–200).
- Extensión (px)
- Introduce un número (-100–100).
- Color
- Elige un color o introduce un color hexadecimal de seis dígitos.
Prueba un ejemplo
- Desplazamiento horizontal (px)
0
- Desplazamiento vertical (px)
8
- Desenfoque (px)
24
- Extensión (px)
0
- Color
#6550c8
Conviene saber
- Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.
Tu trabajo se queda en tu dispositivo
Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.
Preguntas y respuestas
¿Diseñar sombra CSS es gratis?
Sí. Diseñar sombra CSS es gratis y no requiere cuenta.
¿Se suben mis archivos o datos?
Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.
¿Qué resultado puedo guardar?
Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.
¿Qué debo revisar antes de usar el resultado?
Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.