카테고리

질문 & 답변
세부 분야

웹 개발
해결 여부

미해결

invaild property value 오류

21.01.04 16:04 작성 조회수 187

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Interactive Web</title>
 <style>
body{
background: #222;
}
@keyframes spaceship-ani{
to {
background-position: -2550px 0;
}
}
.spaceship {
width: 150px;
height: 150px;
background: url('images/sprite_spaceship.png') no-repeat 0 0 / cover;
animation: spaceship-ani 1s infinte steps(17);
}
</style>
</head>
<body>
<div class="spaceship"></div>
</body>
</html>
이 코드로 실행했을 때, 애니메이션이 돌아가지 않고 이렇게 뜹니다. 무슨 오류인 것인가요?