Whats the problem in the code its not animating in code playground?

Question

HTML:-
<div></div>
CSS:-
div{
height:10px;
background-color:red;
animation-name:hi;
animation-duration:5s;
}
@keystrokes hi{
from {width:0px;}
to {width:700px;}
}

Just coming a rectangle with small height not animating

Answer 1

Got it
thank you so much

Answer 2

Replace @keystrokes with @keyframes