-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
perspective
21.07.20 12:23 작성 조회수 160
0
강의 3개의 문 (2) 9:47 관련
(각각의 요소에 perspective(800px) 로 주는 것이 아닌) .stage의 속성으로 perspective: 800px;을 해줬을 때,
부모에게 perspective를 주었는데 카드 뒤집기와는 달리 그 아래 자식에게 preserved-3d 를 주지 않아도 3D가 적용이 되는 거죠?
+) 강의 잘 듣고 있습니다!! 좋은 강의 만들어 주셔서 감사합니다!!~~ :) 얼른 웹사이트 하나 만들어보고 싶네요!
답변을 작성해보세요.
1
1분코딩
지식공유자2021.07.23
네- perserve-3d는 html 구조상 중첩된 단계가 있을 때만 넣어주시면 됩니다~
부모 요소에 perspective: 800px;을 설정했을 때나 transform: perspective(800px)를 했을 때나 모두 preserve-3d는 유효한데요, transform을 사용했을 경우 중첩 단계가 없어지므로 필요 없게 되는 거지요.
transform: perspective(800px)로 했을 경우에도, 자식 요소들이 여러 단계로 있고 모두 3D 효과가 제대로 전달되도록 하려면 preserve-3d를 설정해주시면 됩니다.
(나중에 웹사이트 만드시면 구경시켜주세요! ㅎㅎ)
답변 1