+ 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

3rd Feb 2018, 7:36 AM
VishnuDubeyMaster
VishnuDubeyMaster - avatar
1 Antwort
+ 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*/
4th Feb 2018, 10:38 AM
Mark Aloo
Mark Aloo - avatar