Generador de sombras de texto CSS

Artesanía de texto CSS sombras visualmente — apilar capas, probar presets, y copiar texto limpio-shadow CSS.

How to use Text Shadow Generator

1. Escriba su texto de muestra y elija el texto y los colores de fondo para la vista previa.
2. Añadir capas de sombra y ajustar la X, Y de cada capa, borrosa, color y alfa.
3. O haga clic en un preset — neón, 3D, contorno, retro o fuego— para cargar un conjunto de capas listo.
4. Haga clic en Copiar CSS para tomar la declaración de texto separada por coma.

¿Cómo se llama?

FAQ

¿Cómo apilo múltiples sombras de texto?

Separar cada sombra con una coma dentro de una sola declaración de sombra de texto, por ejemplo text-shadow: 1px 1px 0 #000, 2px 2px 0 #555. El navegador los pinta en orden, así que las sombras anteriores se sientan en la parte superior. Esta herramienta construye esa lista separada para usted a medida que agrega capas.

¿Puedo crear un efecto de neón brillante?

Sí. Un resplandor de neón es varias sombras borrosas del mismo color brillante sin compensación, apiladas de un brillo interior ajustado a un halo exterior ancho. Utilice el preset de brillo Neon como punto de partida, y luego ajustar el borrón y los colores al gusto.

¿Se admiten sombras de texto en todas partes?

Sí. text-shadow es compatible en cada navegador moderno sin prefijo de proveedor, incluyendo sombras separadas de varias capas.

Related tools

• Neumorphism Generator
• CSS Triangle Generator
• Box Shadow Generator
• CSS Gradient Generator