CodePen Embed - WNGoZYw

<div class="wrap">
  <p class="txt">WINTER</p>
</div>

<div class="wrap clip">
  <p class="txt">WINTER</p>
</div>

.wrap {
  padding: 10px;
  background: linear-gradient(to bottom, #ff0000 0, #ffff00 33%, #ff0000 66%, #ffff00 100%);
}
.wrap.clip {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.txt {
  font-family: san-selif;
  font-size: 30px;
  font-weight: 900;
}

This Pen is owned by EYESOFC on CodePen.

See more by @eyesofc on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.