+ 2
Help me to animate a circle in web which goes to right then left then down and then up please help
Help me to animate a circle in web which goes to right then left then down and then up please help
1 Answer
+ 1
THE HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="circle">
</div>
</body>
</html>
THE CSS
body {
}
#circle{
position:relative ;
width: 100px;
height: 100px;
border-radius: 500px;
background-color: green;
color: white;
left:0px;
}
#circle{
animation-name: trans;
animation-duration: 2s;
}
@keyframes trans {
from { left: 0px; }
to { left: 200px; }
}
/*work with that and try to move it up and down*/