Ключевые кадры и анимация Css не будут работать ни в Google Chrome, ни в Firefox. ⇐ CSS

[Anonymous]

Я пытаюсь воссоздать «прыгающую» игру, которую можно использовать в Google Chrome, когда Интернет отключен. Я пытался следить за документацией и онлайн-видео, но что бы я ни делал, я не могу заставить эффект анимации кода CSS подействовать. Я тестировал в codeply, и там он тоже не будет работать. Я попытался просмотреть префиксы поставщиков, но они, похоже, тоже не помогли. Я тестировал Google Chrome и Fire fox, они оба обновлены. Есть предложения?
Я прикрепил код CSS ниже.
* {
padding: 0;
margin: 0;
}
#game{
width:700px;
height:200px;
border: 1px solid black;
}
#character{
width:20px;
height: 50px;
background-color: red;
position: relative;
top: 150px;
}
#block{
width:20px;
height: 20px;
background-color: blue;
position: relative;
top: 130px;
left: 480px;
-webkit-animation: block ls infinite linear;
}
@-webkit-keyfames block
{
0% { left: 480px; }
100% { left: -40px; }
}


Подробнее здесь: https://stackoverflow.com/questions/634 ... or-firefox