rainbow text no js

<style>

@-webkit-keyframes rainbow {
0% {color: red;}
10% {color: orange;}
20% {color: yellow;}
30% {color:#24d436;}
40% {color: blue;}
50% {color: indigo;}
60% {color: violet;}
70% {color: indigo;}
80% {color:blue;}
90% {color:#24d436;}
100% {color: yellow;}
}
@-ms-keyframes rainbow {
0% {color: red;}
10% {color: orange;}
20% {color: yellow;}
30% {color: #24d436;}
40% {color: blue;}
50% {color: indigo;}
60% {color: violet;}
70% {color: indigo;}
80% {color:blue;}
90% {color:#24d436;}
100% {color: yellow;}
}

}
@-o-keyframes rainbow {
0% {color: red;}
10% {color: orange;}
20% {color: yellow;}
30% {color: #24d436;}
40% {color: blue;}
50% {color: indigo;}
60% {color: violet;}
70% {color: indigo;}
80% {color:blue;}
90% {color:#24d436;}
100% {color: yellow;}
}
@keyframes
 rainbow {
0% {color: red;}
10% {color: orange;}
20% {color: yellow;}
30% {color: #24d436;}
40% {color: blue;}
50% {color: indigo;}
60% {color: violet;}
70% {color: indigo;}
80% {color:blue;}
90% {color:#24d436;}
100% {color: yellow;}
}

.textclass {
-webkit-animation:rainbow 4s infinite !important;
-ms-animation:rainbow 4s infinite !important;
-o-animation:rainbow 4s infinite !important;
animation:rainbow 4s infinite !important;
}

a:hover {
-webkit-animation:rainbow 1s infinite !important;
-ms-animation:rainbow 1s infinite !important;
-o-animation:rainbow 1s infinite !important;
animation:rainbow 1s infinite !important;
}

</style>