<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
margin: 40px;
}
.link {
font-family: Roboto, sans-serif;
font-size: 18px;
color: red;
}
.link:hover {
text-decoration: none;
animation: rainbow 3s infinite;
}
@keyframes rainbow {
0% { color: red; }
16.6% { color: orange; }
33.2% { color: yellow; }
49.8% { color: green; }
66.4% { color: blue; }
83% { color: darkblue; }
100% { color: purple; }
}
</style>
</head>
<body>
<a href="#" class="link">Rainbow</a>
</body>
</html>