• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

perspective 적용에 관해 질문 드립니다!

20.06.16 22:16 작성 조회수 131

0

안녕하세요! 프로그래밍을 공부하는 학생입니다. 

우연히 perspective: 500px 에 주석처리를 했는데 결과물이 정상작동 하길래 질문 드립니다.(perspective값을 더 줄여 실행 했을때는 카드가 더 극적으로 뒤집혔습니다.)

카드에 perspective가 올바르게 적용되는 perspective 범위가 따로 있나요??! (500px일때는 티가 안났습니다...)

아 perspective가 없는 상태에서 preserve-3d 에 주석처리를 하면 card-back이 보이지 않았습니다.  backface-visibility속성은 살아있는데 이유가 무엇일까요...?

답변 남겨주시면 정말 감사하겠습니다!!!

답변 1

답변을 작성해보세요.

0

기본적으로 perspective는 수치가 작을 수록 3D 효과가 극적으로 나타나고, 클 수록 효과가 완만하게 나타납니다.
요소의 크기나 위치에 따라 효과에 영향을 받을 수 있으므로, 디자인에 맞추어 수치를 바꾸어 가면서 테스트해보고 제일 나은 수치를 찾는 것이 좋습니다~
preserve-3d는 html 요소가 여러단계로 중첩되어 있을 경우 각 요소에 3D 효과가 제대로 전달되도록 하는 값인데요,
이게 설정이 되어야 제대로 3D 특성들이 동작한다고 생각하시면 됩니다^^