CSS animations to give a div a rainbow border, perpetually changing color

rainbow-border.css

@-webkit-keyframes rainbow {
	0% {border-color: hsl(0, 100%, 50%);}
	17% {border-color: hsl(60, 100%, 50%);}
	34% {border-color: hsl(120, 100%, 50%);}
	51% {border-color: hsl(180, 100%, 50%);}
	68% {border-color: hsl(240, 100%, 50%);}
	85% {border-color: hsl(300, 100%, 50%);}
	100% {border-color: hsl(359, 100%, 50%);}
}

.rainbow_border{
	border: 4px solid hsl(0, 100%, 50%);
	-webkit-animation: rainbow 10s infinite;
	-moz-animation: rainbow 10s infinite;
	-o-animation: rainbow 10s infinite;
	animation: rainbow 10s infinite;
}