CodePen Embed - CSS: One character, two colors

<span data-char="C">C</span>
<span data-char="S">S</span>
<span data-char="S">S</span>
<br/>
<span data-char="CSS">CSS</span>

span {
  font-size: 78px;
  position: relative;
  color: rgba(50,50,200,0.5);
}

span:before {
  content: attr(data-char);
  position: absolute;
  width: 50%;
  overflow: hidden;
  color: rgb(50,50,200);
}

This Pen is owned by Jamie Munro on CodePen.

See more by @endyourif on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.