Toolipedia Insertar
ES
← Todas las herramientas de texto

Generador de sombra de texto CSS

Sombras de texto con brillo, neón, 3D y largas, con vista previa en vivo.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de sombra de texto CSS

Crea sombras de texto brillantes, de neón, 3D retro y diagonales largas con vista previa en vivo. La propiedad text-shadow admite desplazamiento x, desplazamiento y, desenfoque y color, y acepta varias capas separadas por comas, que es como se construyen los resplandores de neón. Ten en cuenta el contraste para que el propio texto siga siendo fácil de leer.

Cómo usar Generador de sombra de texto CSS

  1. Escribe tu texto de muestra y elige un estilo, como resplandor, neón, 3D o largo.
  2. Ajusta el desplazamiento, el desenfoque y el color con los controles.
  3. Copia el CSS de text-shadow.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Cómo hago texto de neón en CSS?

Apila varias capas de text-shadow del mismo color brillante con valores de desenfoque crecientes, como 0 0 5px, 0 0 10px y 0 0 20px, sobre un fondo oscuro.

¿El texto con resplandor es legible?

Los resplandores fuertes pueden desenfocar las letras. Usa un fondo oscuro, un color de texto claro y un desenfoque moderado para que la forma de cada letra siga clara.

¿Cómo apilo varias sombras de texto?

Separa cada sombra con una coma en una sola línea de text-shadow. Los efectos de neón y 3D se logran superponiendo muchas sombras con desplazamientos o desenfoques crecientes.

¿Es gratis Generador de sombra de texto CSS?

Sí. Generador de sombra de texto CSS de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

¿Puedo poner Generador de sombra de texto CSS en mi propio sitio web?

Sí. Usa el botón «Insertar en tu sitio» debajo de la herramienta para copiar un fragmento corto de código y pegarlo en tu página. Es gratis, no necesita cuenta y la herramienta sigue funcionando dentro de tu página.

Herramientas relacionadas