Menu

Degradados en los textos

Home / Css3 / Degradados en los textos

Ya hace algunos años que descartamos los degradados en nuestro diseños, pero eso no significa que los debamos eliminar por completo. En alguna ocasión podemos utilizar este recurso para darle un toque diferente a nuestra web.  Podemos utilizar degradado en nuestro texto utilizando los siguientes estilos css3.

background: -webkit-linear-gradient(86deg,#e96252,#f6a13b);
background: linear-gradient(4deg,#e96252,#f6a13b); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

See the Pen Text gradient by karla (@sakgrafico) on CodePen.