Generador de Text Shadow CSS
Crea sombras de texto CSS con múltiples capas. Ajusta desplazamiento, desenfoque, color y opacidad. Vista previa en vivo y código CSS listo para copiar. 100% en tu navegador.
Vista previa
Código CSS
Referencia
¿Qué es text-shadow?
La propiedad text-shadow de CSS añade sombras al texto de un elemento. Acepta valores de desplazamiento horizontal y vertical, radio de desenfoque y color. Se pueden apilar múltiples sombras separadas por comas para crear efectos complejos.
Sintaxis
La sintaxis es text-shadow: offset-x offset-y blur-radius color. Para múltiples sombras, sepáralas con comas: text-shadow: 2px 2px 4px #000, -1px -1px 2px #f00. El radio de desenfoque es opcional y por defecto es 0.
Consejos de uso
Sombras sutiles — usa desplazamientos pequeños (1-2px) y baja opacidad para dar profundidad. Efecto neón — usa colores brillantes con desenfoque alto y sin desplazamiento. Relieve — combina una sombra clara arriba-izquierda con una oscura abajo-derecha. Contorno — apila 4 sombras en las 4 direcciones con desenfoque 0.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.