Split Color Text

Text split into two colors along a line.

.split-text { position: relative; color: #666; }
.split-text::before { content: attr(data-text); position: absolute; left: 0; top: 0; width: 50%; overflow: hidden; color: #8b5cf6; }