Sombra de texto
Este generador de text-shadow CSS crea sombras de texto con vista previa en vivo. Ajusta el desplazamiento horizontal y vertical, el desenfoque, el color y la opacidad, y copia el código text-shadow listo para pegar en tu hoja de estilos. Funciona en tu navegador, sin registro y en español.
Cómo crear una sombra de texto
- Escribe tu texto y elige los colores del texto, el fondo y la sombra.
- Ajusta el desplazamiento (X e Y), el desenfoque y la opacidad.
- Copia el CSS y pégalo en tu proyecto.
Cómo funciona text-shadow
La propiedad text-shadow acepta cuatro valores: desplazamiento horizontal, desplazamiento vertical, radio de desenfoque y color. Por ejemplo, text-shadow: 2px 2px 6px rgba(99,102,241,.7). Puedes encadenar varias sombras separándolas por comas para efectos más elaborados. ¿Buscas sombras para cajas? Usa nuestras herramientas CSS, que incluyen un generador de box-shadow.
Preguntas frecuentes
¿Cuál es la diferencia entre text-shadow y box-shadow?
text-shadow aplica la sombra a las letras; box-shadow la aplica a la caja del elemento.
¿Puedo poner varias sombras al mismo texto?
Sí, separándolas por comas. Es la técnica habitual para crear efectos de relieve o neón.
¿La sombra afecta a la legibilidad?
Puede hacerlo si es muy marcada. Úsala con moderación y comprueba que el texto siga siendo legible y con buen contraste.
