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.
Conversor de stylus a CSS
Transforma tu código SCSS en CSS. Rápido, fácil y seguro.
Convertidor de SCSS a CSS
Transforme su código SCSS en CSS. Rápido, fácil y seguro.
Generador de radio de borde
Una herramienta generadora de CSS para radios de borde que permite generar rápidamente declaraciones CSS para radios de borde.
Convertidor de potencia reactiva
Convierta potencia reactiva entre diferentes unidades con precisión y facilidad.
Convertidor de Base64 a CSV
Convierte datos CSV codificados en Base64 en archivos CSV descargables al instante. Funciona localmente en tu navegador sin necesidad de cargar datos.