Why my animation is not working ☹️?

Question

I learnt this from YouTube....and I was so happy, because it's so easy to code, but it's not working...can someone here to help me in this code???
https://code.sololearn.com/WHzyHjWBEaY6/?ref=app

Answer 1

you need to add animation-duration property.

The animation-duration property defines how long an animation should take to complete. If the animation-duration property is not specified, no animation will occur, because the default value is 0s

Answer 2

Use this code.

You did not set the animation-duration property. That's why the animation didn't work.

div{
background:#00a0a0;
border:5px solid green;
width:90px;
height:90px;
border-radius:10px;
position:relative ;
animation: anime 9s 100 3s;
}

the animation-duration property here is 9s

Answer 3

You never set animation-duration property.

Answer 4

Set animation-duration

animation-name : anime;
animation-duration : 4s;

Answer 5

Thanks to all for their answer 🙏😊