728x90
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 변환으로 회전된 요소의 뒷면 숨김을 설정
728x90
'프론트엔드 > css' 카테고리의 다른 글
| Material Symbols, Material Icons 사용 방법 (0) | 2023.12.28 |
|---|---|
| noto sans 웹폰트 다운로드 사용 방법 (2) | 2023.12.28 |
| flex-basis (0) | 2022.02.07 |
| 테이블 헤더 고정 sticky (0) | 2022.01.21 |
| FontAwesome CSS Pseudo-elements (0) | 2022.01.19 |