Rainbow text effect for your text

rainbows.css

.easteregg {
	animation: rainbow 1s infinite linear;
	-moz-animation: rainbow 1s infinite linear;
	-webkit-animation: rainbow 1s infinite linear;
	-o-animation: rainbow 1s infinite linear;
	-webkit-transition: color;
	-moz-transition: color;
	-o-transition: color;
	transition: color
}

@keyframes rainbow {
	0% {
		color: #ff0000
	}

	14% {
		color: #ff00ff
	}

	29% {
		color: #0000ff
	}

	42% {
		color: #00ffff
	}

	57% {
		color: #00ff00
	}

	82% {
		color: #ffff00
	}

	100% {
		color: #ff0000
	}
}

@-moz-keyframes rainbow {
	0% {
		color: #ff0000
	}

	14% {
		color: #ff00ff
	}

	29% {
		color: #0000ff
	}

	42% {
		color: #00ffff
	}

	57% {
		color: #00ff00
	}

	82% {
		color: #ffff00
	}

	100% {
		color: #ff0000
	}
}

@-webkit-keyframes rainbow {
	0% {
		color: #ff0000
	}

	14% {
		color: #ff00ff
	}

	29% {
		color: #0000ff
	}

	42% {
		color: #00ffff
	}

	57% {
		color: #00ff00
	}

	82% {
		color: #ffff00
	}

	100% {
		color: #ff0000
	}
}

@-o-keyframes rainbow {
	0% {
		color: #ff0000
	}

	14% {
		color: #ff00ff
	}

	29% {
		color: #0000ff
	}

	42% {
		color: #00ffff
	}

	57% {
		color: #00ff00
	}

	82% {
		color: #ffff00
	}

	100% {
		color: #ff0000
	}
}