반응형
perspective : 하위 요소를 관찰하는 원근 거리를 지정(*함수가 아닌 속성)
perspective 속성과 함수의 차이점
-속성
perspective: 600px
관찰 대상의 부모에 적용
기준점 설정 : perspective-origin
-함수
transform: perspective(600px)
관찰 대상에 적용
기준점 설정 : transform-origin
backface-visibility : 3D변환으로 회전된 요소의 뒷면 숨김 여부
visible(기본값) : 뒷면 보임
hidden : 뒷면 숨김
transform: rotateY(180deg);
backface-visibility: hidden;
-> 뒷면(180도로 뒤집어진 부분)이 보이지 않게 됨