0
468
Vistas¿Cómo agregar un degradado de línea al texto en Tailwind CSS?
¿Cómo agregar un degradado lineal al texto/título en Tailwind CSS? Aunque pude agregar esto al fondo usando este
<h2 className="text-4xl w-full text-white font-extrabold bg-gradient-to-r from-sky-500/20 to-sky-500/75"> Welcome To <br /> My Personal PortFolio </h2> Pero estoy recibiendo esto 
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Agregar
-webkit-background-clip: text; /* apply background clip */ -webkit-text-fill-color: transparent;para hacer que su clip de texto sea degradado
h2 { font-size: 48px; font-weight: 800; margin: 0; } h2.gradient-text { background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%); -webkit-background-clip: text; /* apply background clip */ -webkit-text-fill-color: transparent; } <h2 class="gradient-text text-4xl w-full text-white font-extrabold bg-gradient-to-r from-sky-500/20 to-sky-500/75"> Welcome To <br /> My Personal PortFolio </h2>
·
Juan Pablo Isaza
Denunciar
0
Descubrí una manera después de una hora de ajetreo.
<h2 className="text-4xl w-full text-transparent bg-clip-text font-extrabold bg-gradient-to-r from-white to-sky-500/10 p-2"> Welcome To <br /> My Personal PortFolio </h2> 
·
Juan Pablo Isaza
Denunciar
Responde la pregunta