Las sombras de texto añaden profundidad y énfasis a títulos y textos hero. Al desplazar una copia desenfocada del texto detrás del original, creas un efecto elevado y flotante que mejora la legibilidad sobre fondos recargados.
Ajusta los desplazamientos horizontal y vertical, el radio de desenfoque, el color de la sombra, la opacidad, el color del texto y el tamaño de fuente. La vista previa en Canvas renderiza exactamente lo que mostrará el navegador, y el CSS resultante está listo para pegar en tu hoja de estilos.
Frequently Asked Questions
Q: ¿Cuál es la diferencia entre text-shadow y box-shadow?
¿Cuál es la diferencia entre text-shadow y box-shadow? text-shadow se aplica a los glifos del texto; box-shadow, a la caja rectangular del elemento. text-shadow no admite el parámetro de expansión (spread).
Q: ¿Puedo añadir varias sombras de texto?
¿Puedo añadir varias sombras de texto? Sí. Separa cada sombra con una coma dentro de la misma declaración, p. ej. text-shadow: 2px 2px 4px rgba(0,0,0,.5), 6px 6px 12px rgba(0,0,0,.25);
Q: ¿Por qué mi sombra de texto se ve borrosa?
¿Por qué mi sombra de texto se ve borrosa? Revisa el valor de desenfoque: por encima de 20px se vuelve muy difusa. Asegúrate también de que el color de la sombra tenga contraste suficiente con el fondo.
Q: ¿Afecta text-shadow al rendimiento?
¿Afecta text-shadow al rendimiento? Mínimamente. Un puñado de text-shadows tiene un impacto insignificante, incluso en dispositivos móviles.
Q: ¿Puedo usar text-shadow para un efecto de neón?
¿Puedo usar text-shadow para un efecto de neón? Sí. Pon el desplazamiento en 0 0, usa un color brillante a plena opacidad y sube el desenfoque a 15-30px. Apila varios colores para un brillo más intenso.
Colores del Mundo Hispano
Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.
Rosa Mexicano #E4007CColor icónico del diseño mexicano, creado por Ramón Valdiosera
Azul Añil #4B0082Tinte tradicional de los textiles mayas de Guatemala
Rojo Bermellón #E34234El rojo intenso de los toros y la cerámica española
Amarillo Maíz #F4B41AEl oro del maíz, base de la alimentación mesoamericana
Verde Jade #00A86BLa piedra sagrada de mayas y aztecas
Azul Celeste #A5C8E1El azul de la bandera argentina y el cielo porteño
Terracota #E2725BArcilla cocida — el color de los tejados coloniales
Vino Tinto #722F37El burdeos de las bodegas de La Rioja
Oro Colonial #D4AF37El dorado de los retablos barrocos americanos
Turquesa Caribe #40E0D0El color de las playas del Caribe
Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.