inflearn logo
강의

講義

知識共有

3Dリーフレットの作成 - インタラクティブWebプロジェクト

3D リーフレット 作り #2

질문 있습니다.

400

xf6a4or71284

投稿した質問数 1

0

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

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

javascript 인터랙티브-웹 HTML/CSS

回答 2

0

xf6a4or71284

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

0

studiomeal

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

11차시 Antigravity IDE 설치 후

0

11

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

9

1

5,6,7,8 내용이 없어요

0

9

0

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

8

1

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

0

16

1

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

0

95

1

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

0

151

1

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

0

121

0

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

0

1083

1

질문 있습니다ㅠ.ㅠ..

0

442

1

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

0

273

1

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

0

294

1

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

0

433

1

줌인 상태일 때

0

300

1

이벤트 위임 방식 질문

0

268

1

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

3

449

1

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

0

316

1

질문있습니다.

0

238

1

선생님 질문잇습니다. ㅠ

0

307

1

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

1

302

1

질문이 있어요

1

271

1

선생님 질문 있습니다!

1

298

2

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

0

438

2

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

0

397

4