inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Bắt đầu phát triển web tương tác đúng cách

Hoạt hình 3

background-position 관련 질문있어요.

319

Rootree

14 câu hỏi đã được viết

3

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

 

javascript 인터랙티브-웹 HTML/CSS

Câu trả lời 3

4

studiomeal

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

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

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

0

GunLoc

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

0

Dot Support

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

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

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

 

왼쪽/오른쪽 동작시 딜레이 문제

0

93

1

변수 범위 관련 질문

0

106

1

perspective 문의

0

101

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

150

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

127

1

animation이벤트 질문이요!

0

71

1

resize handler에서 질문이 있습니다.

0

111

1

카드 뒤집힐 때 F가 보인 이유

0

149

1

3d 뒤집기 추가효과

0

218

1

전진! 3D 스크롤 21 강의 질문

1

171

1

eventlistener 질문

0

149

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

168

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

191

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

266

1

rotateY()에서 deg에 따른 차이

0

197

1

코드 작성 순서

0

276

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

394

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

265

2

섹션5 자바스크립트 이벤트 다루기 질문

1

243

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

423

2

css 는 직접 작성을 해야하는걸까용?

0

326

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

361

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

305

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

306

2