<div class="contents">プログラマのひまつぶし</div>
.contents {
  font-size:24px;
  width: 300px;
  
  /* 1 */
  background: linear-gradient(90deg,red, green,blue);
  background: -webkit-linear-gradient(0deg,red, green,blue);
  
  /* 2 */
  background-clip: text;
  -webkit-background-clip: text;
  
  /* 3 */
  color: transparent;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.