inflearn logo
강의

Course

Instructor

Creating 3D Leaflets - Interactive Web Project

Making 3D Leaflets #2

질문 있습니다.

400

xf6a4or71284

1 asked

0

body에 perspective를 주었고 leaflet에 preserve-3d를 아직 해주지 않았는데 어떻게 page는 rotateY의 3d 효과가 적용된건가요??

body의 perspective효과가 html태그 단계를 거치면 적용이 안된다고 하셨는데  page는 왜 leaflet에 preserve-3d를 해주기도 전에 rotateY의 3d효과가 적용될수 있었는지 궁금합니다.

javascript 인터랙티브-웹 HTML/CSS

Answer 2

0

xf6a4or71284

이해했습니다. 감사합니다!

0

studiomeal

회전이나 스케일같은 효과가 아예 적용이 안되는 것은 아니고요, 3D스러운(?) 원근이 적용이 제대로 안된다고 생각하시면 될 것 같습니다^^
최종 소스에서는 leaflet에도 preserve-3d를 적용하게 되어있는데요, preserve-3d를 해제해보시면 확대는 되는데 아래처럼 어색하게 각 페이지의 원근효과가 제대로 적용이 안된걸 확인하실 수 있습니다.

mission 09-01 을 수행할 수 없어요

0

11

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

15

1

Context API vs Zustand 그리고 Auth

0

20

2

장치 의존성과 CSR

0

26

1

순수 함수 / 순수 컴포넌트

0

18

1

transform-style: preserve-3d; 를 추가하면

0

95

1

Babel의 사용법 아래 링크의 영상이 비공개 동영상이라고 뜹니다.

0

151

1

페이지 클래스리스트 제거 해줬을때

0

120

0

페이지를 클릭할 때 Uncaught TypeError: Cannot read properties of undefined (reading 'contains') 에러가 뜹니다.

0

1082

1

질문 있습니다ㅠ.ㅠ..

0

441

1

클릭 시 자꾸 page element만 인식됩니다.

0

273

1

가운데 페이지만 줌인이 됩니다

0

294

1

body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다

0

432

1

줌인 상태일 때

0

300

1

이벤트 위임 방식 질문

0

267

1

이사람 누군지 아세요..?

3

448

1

선생님 질문있습니다 이 강의를 리액트환경에서 적용하고싶은데요,

0

315

1

질문있습니다.

0

237

1

선생님 질문잇습니다. ㅠ

0

306

1

줌인이 왜 안되는지를 모르겠어요..

1

301

1

질문이 있어요

1

270

1

선생님 질문 있습니다!

1

298

2

쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?

0

437

2

소스코드 압축이 풀리지 않습니다.

0

397

4