inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Animation 3

-2550px 0 에 대한 제가 이해한 내용 그림으로 공유할게요!

540

오쯔

작성한 질문수 13

13

제가 처음에 이해못할 때는 "보는 시각이 바뀌는거 아닌가?" 라고 생각하면서

첫번째 그림처럼 접근했어요.

이해가 됐을 때는

두번째 그림처럼 그림이 움직인다고 접근해서 이해했습니다.

두번째 그림의 부가설명을 하자면

처음 그림 포지션은 0 0 입니다. 

1step -150px 0 만큼 그림이 왼쪽으로 움직입니다.

2step -150px 0 만큼 그림이 또 움직입니다 (총 -300px 0)

~~~~

17step -150px 0 만큼 그림이 움직인다. (총 -2550px 0)

틀릴 수도 있습니다. 근데 전 이렇게 접근해보려구요!

인터랙티브-웹 HTML/CSS javascript

답변 6

3

오쯔

도움이 되셨다니 저도 기분이 좋네요!. 다들 화이팅

2

1분코딩

와 자세한 정리 감사합니다 :D
이 부분 헷갈려하시는 분들께 정말 큰 도움이 될 것 같아요..

감사합니다 오쯔님!

0

kooju ko

너무 감사합니다

0

이응치읓

와 이거 이해안되서 질문하고 혹시 누가 질문 올렸을까하고 내렸다가 있어서 바로 질문삭제하고 이거 보고 이해됐습니다. 무릎 탁 치고 이마까지 타닥 치고 갑니다

0

고규자

오 감사합니다. 왜 - 인가 했네요

0

김창규

와 진짜 계속 이해 안돼던게 한번에 이해 됬습니다.

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

0

93

1

변수 범위 관련 질문

0

106

1

perspective 문의

0

100

1

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

0

150

1

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

0

126

1

animation이벤트 질문이요!

0

71

1

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

0

110

1

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

0

149

1

3d 뒤집기 추가효과

0

216

1

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

1

171

1

eventlistener 질문

0

148

1

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

0

168

1

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

1

191

1

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

0

265

1

rotateY()에서 deg에 따른 차이

0

196

1

코드 작성 순서

0

275

1

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

1

392

1

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

0

265

2

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

1

243

1

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

0

423

2

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

0

323

1

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

0

356

2

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

0

302

2

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

0

303

2