김코드의 웹디자인 세상

presprctive 속성과 변환함수의 차이 본문

⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂

presprctive 속성과 변환함수의 차이

김_코드 2022. 10. 7. 15:41

 

✏ presprctive

 

presprctive 원근감을 나타내는 속성으로 단위로는 px을 사용한다. 

지난 시간에 배운 presprctive는 변환 함수로 관찰대상에 적용이 된다면 이번 시간에 배우는 presprctive 속성은 관찰대상의 부모에 적용이 되는 함수이다. 그 둘이 어떻게 다른지 한번 차이점을 알아보겠다.

 

여기에 컨테이너와 컨테이너 아이템이 지정된 크기로 출력되어있다.

나는 각각 presprctive를 변환함수로 속성으로 적용해보겠다.

 

1. 변환함수 presprctive

아이템 속성이 원근감을 가지고 y축으로 45 deg만큼 회전하는 결과가 출력되었다.

 

2. 속성 presprctive

컨테이너 속성이 원근감을 가지고 컨테이너 아이템이 y축으로 45 deg만큼 회전하는 결과가 출력되었다

둘의 차이점으로는 부모속성에 원근감이라는 시점을 부여할 것인지 자식 요소에 부여할 것인지에 대한 차이점이라고 생각하면 될 것 같다.

 

Comments