인프런 커뮤니티 질문&답변

Nuff님의 프로필 이미지
Nuff

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

Animation 3

background-position 관련 질문있어요.

작성

·

215

3

background-position: 2550px 0; 
마지막 강의 부분에 위와 같이 양수로 해주면 오른쪽으로 이동하면서 똑같이 이미지가 움직여보이는거 아닌가요?? 

 

답변 3

4

1분코딩님의 프로필 이미지
1분코딩
지식공유자

background position의 픽셀값을 양수로 입력하면 배경 이미지가 오른쪽으로 움직이고 음수로 입력하면 왼쪽으로 움직입니다.

샘플 이미지를 왼쪽부터 오른쪽 끝 위치까지, 즉 왼쪽 방향으로 순차적으로 움직이기 위해 0px에서 -2550px로 이동시킨 겁니다.

CSS에서 animation 부분을 주석 처리 하시고 크롬 개발자도구에서 수동으로 값을 변경해보시면 방향에 대해 감 잡으실 수 있을 거에요~

0

저도 수업하다가 이부분이 의문점이 들었는데 아직 답변이 없으시네요,,

0

윗 분이랑 같은 질문입니다.

그림처럼 이해를 했는데 그렇다면 양수로 늘어나나 음수로 늘어나나 결국 애니메이션은 동작해야 할것 같은데, 양수로 하면 시작과 끝만 보이고 나머지는 공백으로 나오더라구요.

그림도 왼쪽방향으로 움직인다는 것도 이해가 안가네요. 오른쪽으로 이동중인거 아닌가요?

 

Nuff님의 프로필 이미지
Nuff

작성한 질문수

질문하기