Gradient en texto

by JuanMa

HTML

<div class="fondo">

<div class="gradient_text_class"><h1>

Aprende a tu ritmo</h1></div>

</div>

CSS

h1 {
  background-image: linear-gradient(45deg, blue 41%, pink 41%);
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fondo {background: red;}