inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

3D 리플릿 만들기 #4

이벤트 위임 방식 질문

236

이은혜

작성한 질문수 80

0

이벤트 위임 방식으로 하게되면

현재 2F를 감싸는 page 에도 page-flipped 클래스가 추가가 됩니다. 

2F를 감싸는 page 에는 page-flipped 클래스가 추가가 되지 않게 하려면 data- 속성을 이용해 적용하면 될까요 ??

HTML/CSS javascript 인터랙티브-웹

답변 1

0

1분코딩

말씀대로
<div class="page  page-flipped"> 이런 식으로
page에 page-flipped를 추가하는 동작이 맞습니다.
CSS에서 .page.page-flipped에 rotateY(-150deg)를 해서 처리하고 있는 거지요~

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

10

1

call stack 표현이 잘못표현된것이 아닌가요?

0

27

2

part3. spy 쪽 / part3,part4 강의자료

0

27

2

최종 코드

0

34

2

Open AI 결제

0

35

2

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

0

56

1

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

0

137

1

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

0

98

0

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

0

1063

1

질문 있습니다ㅠ.ㅠ..

0

421

1

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

0

245

1

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

0

275

1

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

0

409

1

줌인 상태일 때

0

275

1

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

3

424

1

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

0

296

1

질문있습니다.

0

221

1

선생님 질문잇습니다. ㅠ

0

279

1

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

1

277

1

질문이 있어요

1

255

1

질문 있습니다.

0

380

2

선생님 질문 있습니다!

1

276

2

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

0

402

2

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

0

353

4