Crea hermosos degradados de texto CSS sin esfuerzo
Crea impresionantes efectos de texto degradado para tu sitio web
Controles
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Degradados populares
Cómo usar
Ingrese su texto
Escriba el texto al que desea aplicar el degradado en el " Campo de entrada "Texto".
Seleccione
entre los tipos de degradado Lineal, Radial o Cónico.
Ajustar dirección o ángulo
Para degradados lineales, elija una dirección. Para degradados cónicos, defina el ángulo.
Personaliza los colores
Añade, elimina o ajusta las paradas de color y sus posiciones para crear el degradado que desees.
Copiar o guardar CSS
Copie el código CSS generado o guárdelo como un archivo CSS para usarlo en sus proyectos.
Acerca de los degradados de texto Los
degradados de texto CSS te permiten aplicar hermosos degradados multicolores directamente al texto. Este efecto antes solo era posible con imágenes, pero el CSS moderno lo hace simple y eficiente.
Compatibilidad con navegadores:Los degradados de texto son compatibles con todos los navegadores modernos, incluidos Chrome, Firefox, Safari y Edge. Para los navegadores más antiguos, como Internet Explorer, el texto volverá a un color sólido.
Consejos de uso:Los degradados de texto funcionan mejor con texto en negrita y combinaciones de colores de alto contraste. Experimente con diferentes tipos de degradado y direcciones para lograr el efecto deseado.
Related Tools
Genera transformaciones CSS3 con facilidad
Una herramienta potente e intuitiva para crear transformaciones CSS3 complejas sin necesidad de escribir código. Visualiza los cambios en tiempo real y copia el CSS generado para utilizarlo en tus proyectos.
Generador de transiciones CSS3
Transición de opacidad suave
Crea diseños Flexbox perfectos
Visualice, personalice y genere código CSS flexbox con nuestra interfaz intuitiva de arrastrar y soltar.
Convertidor de CSS a LESS
Transforma tu código CSS en LESS con variables, anidamiento y mucho más. Rápido, fácil y seguro.
Convertidor de CSS a SASS
Transforma tu código CSS en sintaxis SASS con sangría. Rápido, fácil y seguro.
Calculadora de promedio
Calcula rápidamente la media (media aritmética) de un conjunto de números con nuestra herramienta fácil de usar.