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.