I found this the other day (well today actually) and i wanted to see how it worked.

background-image: -webkit-linear-gradient(left,#D68AB0 0%,#D8CE5D 25%,#6BD85D 50%,#5DB9D8 75%,#D85DCB 100%);

A Test Title

well that is a nice background, but it does not cycle and its still a background not a foreground. it seems you also need to add this

background-size: 1000% 1000%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: cycle-colors 6s infinite;

Lets try that again

Yep that works, and looks pretty funky. here is the code:

.cycle-anim {
	background-image: -webkit-linear-gradient(left,#D68AB0 0%,#D8CE5D 25%,#6BD85D 50%,#5DB9D8 75%,#D85DCB 100%);
	background-size: 1000% 1000%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: cycle-colors 6s infinite;
}
@-webkit-keyframes cycle-colors {
	0% {
		background-position:0% 50%
	}
	50% {
		background-position:100% 50%
	}
	100% {
		background-position:0% 50%
	}
}