background-position 관련 질문있어요.
background-position: 2550px 0; 마지막 강의 부분에 위와 같이 양수로 해주면 오른쪽으로 이동하면서 똑같이 이미지가 움직여보이는거 아닌가요??
펜잡이 개발자
3
2
질문 있습니다.
background: url("images/sprite_spaceship.png")
no-repeat 0 0 / auto 150px;
no-repeat뒤에 0 0 의 값의 뜻이 뭔가요?..
개발자
2
2
스프라이트 이미지 제작 프로그램이 궁금해요!
좋은 강의 감사드립니다!
예제에서의 스프라이트 이미지 제작 프로그램은 어떤게 있나요?
무당선생
1
1
에니메이션 이미지는
누가 만들어주시나요?
youngmin kim
1
1
invaild property value 오류
<!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>
이 코드로 실행했을 때, 애니메이션이 돌아가지 않고 이렇게 뜹니다. 무슨 오류인 것인가요?
박나희
0
1
step
그림이 왼쪽방향으로 이동하는데 몇 px을 이동할 건지 없고 steps(17) 이것만 있는데 어떻게 이미지가 이동을 하는 건지 모르겠어요ㅜㅜ
달
0
1
-2550px에 대해 질문드립니다.
안녕하세요
background-position공부하던 중 여기서는
background-position 0 0;에서 background-position : -2550px 0으로 움직이게 하니
이미지가 왼쪽에서 오른쪽으로 움직였습니다.
하지만 제 생각은 background-position의 x축은 양수일때 왼쪽에서 오른쪽으로
음수일때 오른쪽에서 왼쪽으로 이동한다고 공부하였습니다.
그렇다면 0에서 -2550px로 이동하면 시작 이미지에서 왼쪽으로 하여야 하는것 아닌가요....?
오른쪽으로 이동하여서 질문드립니다.
송상한
0
1
no-repeat
.spaceship{
width: 150px;
height: 150px;
background: url('sprite_spaceship.png') no-repeat 0 / auto 150px;
/* animation: spaceship-ani 1s infinite steps(17); */
}
선생님, 저는 no-repeat을 0,0이 아니라 no-repeat 0 으로 해야
사진이 잘리지 않고 잘 뜹니다.
원인이 뭘까요?
구구
0
1
선생님이 하신 이미지는 가로 로 이미지가 나열 되어있는데 만약 이미지들이 위아래로 있으면 어떻게 하는게 좋을까요
각각의 이미지의 위치를 퍼센테이지로 적용 해서 이미지를 하나나 지정해줘야 할까요? steps를 사용 할수 없는것 같아서 질문 드립니다.
SIU LEE
0
2
아 한가지 더궁금한게 잇습니다.
만약 한줄이 아니고 두줄짜리는 포지션이나 위치를 어떠캐 줘야 적용이 될까요 ㅠ;
김동
0
3
질문잇습니다.
5100px 말하시는건 두배로 해야기 때문인거 맞지요? 백그라운드 넓이값하고 높이값은 url로 지정해서 150px에 2550px이 된거 맞나요? 그리고 ㅠㅠ 좀 길지만.. -로 준이유는 생각해 봣는데 양수로 주면 시작과 끝만 보이더라구요; 이미지 순환시키는 것 때문인게 맞을까요; 제가 이해한게 맞나 싶어서요 ㅠ
김동
0
1
background-position 의 기준점은 어디인가요?
강의를 보다가 element의 크기 수정에서 자유로워질려면 %로 background-position 으로 잡는게 좋을것같아 해보다가
background-position의 기준점이 도통 이해가 안되어서 질문합니다.
저는 position 속성과 같이 무조건 왼쪽상단이 기준으로 생각하고 작업하였는데 그렇게 작동하지 않더라구요.
어떨때는 왼쪽상단이 기준인것같고, 어떨때는 센터인것같고.....
mkp0131
0
1
애니메이션 시작점
애니메이션 시작점을 캐릭터가 문여는 시점부터 시작하려면 애니메이션 값을 어떻게 줘야 할까요?
그리고 아래 처럼 백그라운드 포지션값에 레프트 , 라이트 값으로 주게되면 이상하게 동작하는데 원리가 알고싶습니다~
from{ background-position:left ;
}
승어
0
1