<style type="text/css">
a:hover, a:focus {
animation-duration: 3s;
animation-name: rainbowLink;
animation-iteration-count: infinite;
}
@keyframes rainbowLink {
0% { color: #ff2a2a; }
15% { color: #ff7a2a; }
30% { color: #ffc52a; }
45% { color: #43ff2a; }
60% { color: #2a89ff; }
75% { color: #202082; }
90% { color: #6b2aff; }
100% { color: #e82aff; }
}
</style>
</head>
head 위에 삽입해 주면 된다.