perspective 문의

Question

perspective : 800px을 .stage에 넣으면, 다르게 회전이 되어야 하는데 저는 .door에 넣은 것처럼 똑같이 일정하게 회전 됩니다. 이유를 모르겠어요~

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. RooRoo님 perspective의 사용 방법과 그 효과에 대해 이해하시는 데 도움이 될 수 있는 기존의 답변들을 찾아보았습니다. perspective를 부모 요소와 자식 요소에 각각 적용했을 때 시점과 회전의 차이를 설명하는 좋은 답변이 있습니다. perspective 이 게시물에서는 부모 요소에 perspective를 주었을 때와 transform 속성에서 perspective를 사용했을 때의 차이점을 설명합니다. 부모 요소에 perspective를 주면 자식 요소들의 배열에 따라 시점이 영향을 받게 되며, transform에서 perspective를 직접 설정하면 요소 자체의 시점을 제어하게 됩니다. 3D 입체감 표현 관련하여 질문드립니다. 여기에서는 .door와 .door-body의 구조와 각각의 역할에 대해 설명하며, 왜 다른 시점으로 보이는지를 설명하고 있습니다. 부모 요소에 perspective를 주는 것과 자식 요소에 주는 것의 차이를 이해하는 데 도움이 될 것입니다. 이러한 차이는 이미지 첨부와 함께 설명이 되어 있으므로 읽고 시각적으로 이해하시면 큰 도움이 될 것입니다. 질문 주신 경우에서도 .stage라는 부모 요소에 perspective를 설정하신 경우, 자식 요소인 .door들이 부모의 시점에 따라 다르게 회전되어야 합니다. 만약 동일한 회전 효과를 보시고 있다면, 코드의 구조와 속성 적용 위치를 다시 확인해 보시는 걸 권장드립니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.