← Volver a la lista

Texto con Gradiente

Categoría: Efectos de Texto

Texto con efecto de gradiente de color

Vista Previa:

Texto con Gradiente

📚 Explicación del Efecto:

Usa background-clip: text para aplicar un gradiente como color de texto.

Código Exportable

CSS

HTML

.texto-gradiente {
    background: linear-gradient(45deg, #FF512F, #DD2476);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 2.5em;
    font-weight: bold;
}

<h1 class="texto-gradiente">Texto con Gradiente</h1>

Descargar HTML Descargar CSS