-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
perspective 적용에 관해 질문 드립니다!
20.06.16 22:16 작성 조회수 137
0
안녕하세요! 프로그래밍을 공부하는 학생입니다.
우연히 perspective: 500px 에 주석처리를 했는데 결과물이 정상작동 하길래 질문 드립니다.(perspective값을 더 줄여 실행 했을때는 카드가 더 극적으로 뒤집혔습니다.)
카드에 perspective가 올바르게 적용되는 perspective 범위가 따로 있나요??! (500px일때는 티가 안났습니다...)
아 perspective가 없는 상태에서 preserve-3d 에 주석처리를 하면 card-back이 보이지 않았습니다. backface-visibility속성은 살아있는데 이유가 무엇일까요...?
답변 남겨주시면 정말 감사하겠습니다!!!
답변을 작성해보세요.
0
1분코딩
지식공유자2020.06.17
기본적으로 perspective는 수치가 작을 수록 3D 효과가 극적으로 나타나고, 클 수록 효과가 완만하게 나타납니다.
요소의 크기나 위치에 따라 효과에 영향을 받을 수 있으므로, 디자인에 맞추어 수치를 바꾸어 가면서 테스트해보고 제일 나은 수치를 찾는 것이 좋습니다~
preserve-3d는 html 요소가 여러단계로 중첩되어 있을 경우 각 요소에 3D 효과가 제대로 전달되도록 하는 값인데요,
이게 설정이 되어야 제대로 3D 특성들이 동작한다고 생각하시면 됩니다^^
답변 1