Why isnt my animation working

Question

https://code.sololearn.com/WW0aJ8y1Yhhy/?ref=app

Answer 1

div{
background-color:blue;
height:100px;
width:100px;
position:absolute;
animation-name:red;
animation-duration:1s;
}

@keyframes red{
0% {background-color:blue;
top:0px;}
100% {background-color:red;
top:300px;}
}

You wrote animation name wrong ,also you can't use top and left properties without positioning element absolutely ,relatively or fixed

Answer 2

Put animate tag in html code

Answer 3

https://www.sololearn.com/learn/HTML/2213/

Answer 4

I want to do using css not html do tou know how

Answer 5

The color works but it still does not move down

Answer 6

Thanks