Generador de texto con degradado CSS
Aplica un degradado al texto y copia el código CSS
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Esta herramienta permite aplicar un degradado lineal o radial a un texto, ver el resultado en vista previa en tiempo real y copiar el código CSS terminado al instante. Puedes ajustar las paradas de color, el ángulo, el tamaño y el grosor de la fuente para afinar el estilo visualmente, útil para diseñadores y desarrolladores front-end. Todo el procesamiento ocurre en el navegador, sin enviar nada a un servidor.
Cómo usar
- Escribe tu texto en el campo de entrada.
- Elige el tipo de degradado (lineal o radial) y ajusta el ángulo o la posición central.
- Añade o elimina paradas de color y ajusta cada color y posición (%) hasta lograr el degradado deseado.
- Revisa la vista previa y copia el código CSS generado con el botón de copiar.
Preguntas frecuentes
- ¿Cuántas paradas de color puedo añadir?
- Puedes añadir o quitar paradas de color, con un mínimo de 2 y un máximo de 4.
- ¿El CSS generado funciona en todos los navegadores?
- Se usa background-clip: text junto con el prefijo -webkit- para navegadores basados en WebKit; en navegadores muy antiguos que no admiten esta propiedad, es posible que solo se muestre el color de texto de reserva sin el degradado.
- ¿Se guarda mi texto o los colores en algún servidor?
- No. Todo el procesamiento ocurre localmente en tu navegador y no se envía ni se almacena nada en un servidor.