<!DOCTYPE html>
<html>
<head>
<h4>donghua</h4>
</head>
<body>
<style>
div {
height: 50px;
width: 80%;
background: black;
margin: 60px auto;
border-radius: 5px;
position: relative;
}
#torino {
animation-name: rainbow;
animation-duration: 4s;
}
@keyframes rainbow {
0% {
background-color: blue;
top: 0px;
left: 0px;
}
50% {
background-color: greenyellow;
top: 50px;
left: 25px;
}
100% {
background-color: yellow;
top: 0px;
left: -25px;
}
}
</style>
<div id="torino"></div>
</body>
</html>