인프런 커뮤니티 질문&답변
작성한 질문수
invaild property value 오류
작성
·
314
0
<!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>
이 코드로 실행했을 때, 애니메이션이 돌아가지 않고 이렇게 뜹니다. 무슨 오류인 것인가요?
