56px
Texto degradado
¿Qué es el generador texto degradado?
El generador texto degradado aplica un degradado suave de varios colores a tu texto y genera CSS listo para usar. Previsualiza el efecto en vivo y copia la clase CSS directamente en tu hoja de estilos.
Cómo usar el generador texto degradado
- Introduce tu texto y elige los colores del degradado.
- Selecciona una dirección y ajusta el tamaño de fuente.
- Copia el CSS y pégalo en tu hoja de estilos.
Más información▾
Cómo funciona el texto degradado con CSS
El texto con degradado CSS utiliza background: linear-gradient(...) combinado con -webkit-background-clip: text y -webkit-text-fill-color: transparent. Esto recorta el degradado a la forma del texto, haciendo que las letras parezcan rellenas con los colores del degradado.
Preguntas frecuentes
¿Funciona en todos los navegadores?
Sí. El prefijo -webkit se incluye para una amplia compatibilidad.