+ 11

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

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

25th Feb 2017, 2:00 PM
Nikhil
Nikhil - avatar
2 Answers
+ 13
Got it thank you so much
25th Feb 2017, 2:05 PM
Nikhil
Nikhil - avatar
+ 6
Replace @keystrokes with @keyframes
25th Feb 2017, 2:03 PM
Chirag Bhansali
Chirag Bhansali - avatar