hello guys please foll ow me
Answers
Answer:
<!DOCTYPE html>
<html>
<head>
<title> Try It Yourself </title>
<style type="text/css">
@keyframes myAnimation {
0% {
background-color: gold;
top: 0px;
left: 0px;
}
25% {
background-color: green;
top: 500px;
left: 500px;
}
50% {
background-color: gold;
top: 0px;
left: 500px;
}
75% {
background-color: green;
top: 500px;
left: 0px;
}
100% {
background-color: gold;
top: 0px;
left: 0px;
}
}
div {
animation-name: myAnimation;
animation-duration: 4s;
/* try to change the value below with a number */
animation-iteration-count: absolute ;
position: relative;
width: 100px;
height: 100px;
background-color: gold;
}
</style>
</head>
<body>
<p> hello. </p>
<div></div>
</body>
</html>