Question 1

¿Qué es la propiedad CSS text-shadow?

Accepted Answer

La propiedad CSS text-shadow agrega efectos de sombra al texto. Acepta una lista de sombras separadas por comas, cada una definida por: desplazamiento horizontal (px), desplazamiento vertical (px), radio de desenfoque (px) y color. Ejemplo: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

¿Puedo apilar múltiples sombras de texto?

Accepted Answer

¡Sí! CSS text-shadow admite múltiples sombras separándolas con comas: text-shadow: 1px 1px 2px black, 0 0 10px blue. Cada sombra se renderiza en orden, de primera (abajo) a última (arriba). Esta herramienta te permite agregar, configurar y eliminar tantas sombras como necesites.

Question 3

¿Qué hace el radio de desenfoque?

Accepted Answer

El radio de desenfoque controla qué tan difusa (borrosa) es la sombra. Un valor de 0 produce una sombra nítida. Los valores más altos crean una sombra más difusa y suave. A diferencia de box-shadow, no hay opción de radio de extensión para text-shadow, por lo que el desenfoque es la única forma de controlar el tamaño de la sombra.

Question 4

¿Qué navegadores soportan text-shadow?

Accepted Answer

CSS text-shadow es compatible con todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Ha tenido amplio soporte desde 2010 y no requiere prefijos de proveedor. Es seguro usarlo en todos los entornos de producción.

Question 5

¿Cómo creo un efecto de brillo neón?

Accepted Answer

Para un brillo neón, apila múltiples capas de text-shadow con el mismo color pero con desenfoque creciente: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Comienza con una sombra de núcleo blanco, luego agrega sombras de colores más amplias para el efecto de brillo.

Generador de sombra de texto CSS

Preguntas Frecuentes

Comments & Feedback