perspective(800deg)값을 줄때 .door:hover .door-body{ &nbsp; &nbsp; &nbsp;transform:perspective(800deg) rotateY(100deg);&nbsp; } 를 적용했는데 perspective value를 .door-body 에다 적용해 보니까 view가 다르게 보이긴 하더라구요. 제가 혼자 구현을 한다고 생각해보니 어디다 적용할 지 헤맬것이 분명합니다
왜 perspective value를 .door:hover .door-body에 적용을 하셨는지 조금만 더 설명해주셨으면 좋겠습니다
어느 정도 이해는 가는데 정확히 모르겠습니다

부모 엘리먼트에 perspective: 800px을 주는 것과 자식 엘리먼트의 transform 속성으로 각각 transform: perspective(800px) 을 주는 것은 아래 그림과 같은 시점 차이가 있습니다^^ 말로 설명하는 것 보다, 그림으로 보시면 이해가 더 빠르실 것 같아요.
<img src="https://cdn.inflearn.com/public/comments/7e5699cf-6895-46e3-9148-1f3e70223c94/Paper.1분코딩.60.PNG" title="Paper.1분코딩.60.PNG" width="1200" height="900" alt="" />

헐~~ 선생님 이해가 팍 되었습니다!!&nbsp; 감사합니다!!

인프런 커뮤니티 질문&답변

선생님 3개의 문2 10:50 질문입니다(perspective)