Generador de CSS text-shadow con vista previa
Genera una sombra de texto CSS (text-shadow) con vista previa en vivo y código listo para copiar.
Toolbin
🔒 100 % en el cliente — no se envía ningún dato
Crea sombras de texto CSS (text-shadow) en tiempo real: ajusta el desplazamiento, el desenfoque y el color, y luego copia el código listo para usar. Una vista previa en vivo muestra el resultado al instante. Todo se ejecuta en tu navegador, sin enviar ningún dato.
What is it for?
- ▸ Añadir una sombra legible a un título superpuesto
- ▸ Crear un efecto de neón o de relieve
- ▸ Ajustar el desenfoque y el color y luego copiar el CSS
- ▸ Probar el contraste de la sombra antes de integrarla
FAQ
¿Cómo funciona text-shadow?
Toma un desplazamiento horizontal, un desplazamiento vertical, un radio de desenfoque y un color, por ejemplo 2px 2px 4px #000.
¿Puedo apilar varias sombras?
Sí, sepáralas con comas para lograr efectos de contorno o de neón.
¿El código está listo para copiar?
Sí, todo el CSS se copia con un solo clic.
Related tools
Relación de aspecto · calculadora Calcula una relación de aspecto (16:9…) y deriva una dimensión proporcional que falte. Generador de códigos de barras Genera un código de barras (EAN-13, Code128, UPC) a partir de un valor, descargable, en tu navegador. Base64 → imagen Decodifica un data URI o Base64 en una imagen visualizable y descargable, en tu navegador. CSS border-radius · generador Crea esquinas redondeadas en CSS (border-radius) con vista previa en vivo y código listo para copiar. CSS box-shadow · generador Genera una sombra CSS box-shadow con vista previa en vivo y código listo para copiar. Eliminar croma (pantalla verde) Haz transparente un color de fondo (pantalla verde/azul) y exporta un PNG, en tu navegador.