Xerador de sombra de texto (text-shadow)

Escribe o teu texto, axusta a sombra cos controis e copia o código text-shadow. Combinando varias capas podes conseguir efectos de neon, letras en 3D, contornos ou texto en relevo.

Como funciona text-shadow

text-shadow recibe o desprazamento horizontal e vertical, o desenfoque e a cor da sombra: por exemplo, 2px 2px 4px rgba(0, 0, 0, 0.4). A diferenza de box-shadow, non ten extensión nin inset, e segue a forma de cada letra.

Como en box-shadow, pódense encadear varias sombras separadas por comas; a primeira queda enriba. Así se conseguen os efectos dos exemplos: o neon amorea sombras sen desprazamento e cada vez máis difusas, o 3D suma sombras nítidas desprazadas de píxel en píxel e o contorno coloca catro sombras nítidas arredor da letra.

Lexibilidade

Unha sombra suave axuda a ler un texto sobre unha foto, pero as sombras fortes en parágrafos longos cansan a vista. Úsaas en titulares e botóns, e comproba sempre o contraste do texto co fondo.