https://codepen.io/faizahussain1210/pen/qGBVNK

<h1 id=”title”>Welcome to my html animations!</h1>

#title {
border: solid 1px #2571ea;
animation-duration: 5s;
animation-name: round;
animation-iteration-count: infinite;
}

@keyframes round {
0% {
background-color: red;
color: blue;
margin-left: 0;
margin-top: 0;
}

25% {
margin-top: 0;
margin-left: 30%;
}

50% {
background-color: red;
margin-top: 10%;
margin-left: 30%;
}

75% {
background-color: blue;
color: black;
margin-top: 10%;
margin-left: 0%;
}

100% {
background-color: blue;
color: green;
}
}

#title:hover{
color:red;
transition-duration:1.0s;
}