일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- JavaScript
- 메뉴바만들기
- 제이쿼리
- 미세먼지알림사이트만들기
- 리액트
- position
- react
- css 속성
- Js 내장객체
- FOR문
- 퍼블리싱
- css속성
- 미세먼지
- 개발일지
- 자바스크립트 내장객체
- 공공데이터
- CSS
- 공공데이터 활용
- open api
- 20231221
- 일러스트 입체글자
- 아코디언카드만들기
- 자바스크립트
- 바닐라자바스크립트
- JS
- Illustrator2022
- jQuery
- module.css
- useState
- HTML
Archives
- Today
- Total
김코드의 웹디자인 세상
presprctive 속성과 변환함수의 차이 본문
✏ presprctive
presprctive 원근감을 나타내는 속성으로 단위로는 px을 사용한다.
지난 시간에 배운 presprctive는 변환 함수로 관찰대상에 적용이 된다면 이번 시간에 배우는 presprctive 속성은 관찰대상의 부모에 적용이 되는 함수이다. 그 둘이 어떻게 다른지 한번 차이점을 알아보겠다.
여기에 컨테이너와 컨테이너 아이템이 지정된 크기로 출력되어있다.
나는 각각 presprctive를 변환함수로 속성으로 적용해보겠다.
1. 변환함수 presprctive
아이템 속성이 원근감을 가지고 y축으로 45 deg만큼 회전하는 결과가 출력되었다.
2. 속성 presprctive
컨테이너 속성이 원근감을 가지고 컨테이너 아이템이 y축으로 45 deg만큼 회전하는 결과가 출력되었다
둘의 차이점으로는 부모속성에 원근감이라는 시점을 부여할 것인지 자식 요소에 부여할 것인지에 대한 차이점이라고 생각하면 될 것 같다.
'⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂' 카테고리의 다른 글
❏ css - 기본 세팅 css (Reset css) (0) | 2022.11.21 |
---|---|
backface-visibility 속성 (0) | 2022.10.07 |
css 변환 transform(1) 2차원,3차원 변환함수 (1) | 2022.10.05 |
css transition 전환 속성 (0) | 2022.10.03 |
flex item 의 순서 및 너비와 비율 속성 (0) | 2022.10.03 |
Comments