반응형
transform-origin : 요소 변환의 기준점을 설정
transform-style : 3D 변환 요소의 자식 요소도 3D 변환을 사용할지 설정
flat : 자식 요소의 3D 변환을 사용하지 않음 default
preserve-3d : 자식 요소의 3D 변환을 사용함
perspective : 하위 요소를 관찰하는 원근 거리를 설정
persepective 속성은 관찰 대상의 부모(조상) 요소에 적용하여 하위 요소들을 관찰하는 원근거리를 설정, 기준점 설정 perspective-origin
transform:perspective() 변환함수는 관찰대상에 직접 적용하여 그 대상을 관찰하는 원근 거리를 설정, 기준점 설정 transform-origin
perspective-origin : 원근 거리의 기준점을 설정
backface-visibility : 3D 변환으로 회전된 요소의 뒷면 숨김을 설정
반응형
'프론트엔드' 카테고리의 다른 글
| 코루틴 (0) | 2022.10.09 |
|---|---|
| TextMeshPro 텍스트 변경 및 한글폰트 설정 (0) | 2022.10.02 |
| 자바스크립트로 구현한 Tree, BFS, DFS (0) | 2022.03.12 |
| 자바스크립트로 구현한 Max Heap (0) | 2022.03.12 |
| 자바스크립트로 구현한 hash table (0) | 2022.03.11 |