New course! Every coder should learn Generative AI!
Try a free lesson+ 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*/
Often have questions like this?
Learn more efficiently, for free:
Hot today
How to reverse a word?
2 Votes
Help!
0 Votes
C++
2 Votes
Ayudenme con el error
1 Votes
How can I activate my profile???
0 Votes
How to download visual studio?
0 Votes