일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 바닐라자바스크립트
- 아코디언카드만들기
- 공공데이터
- 자바스크립트
- useState
- 제이쿼리
- react
- 미세먼지
- JavaScript
- Js 내장객체
- open api
- css속성
- 리액트
- 자바스크립트 내장객체
- 메뉴바만들기
- JS
- jQuery
- position
- 일러스트 입체글자
- HTML
- module.css
- 개발일지
- 20231221
- 공공데이터 활용
- 퍼블리싱
- 미세먼지알림사이트만들기
- CSS
- FOR문
- css 속성
- Illustrator2022
Archives
- Today
- Total
목록2차원 변환함수 (1)
김코드의 웹디자인 세상

✏ transform transform은 플렉스 아이템을 2D(2차원), 3D(3차원)의 변환 함수를 사용하여 원근법, 이동, 회전, 기울임이 화면에 출력이 되도록 하는 속성이다. 주로 2D와 3D 변환 함수가 있으며 자주 사용하는 함수를 알아보겠다. 2차원 변환 함수(2D) 1. translate 이동 플렉스 아이템을 이동시킬 때 사용하는 변환 함수로 x축과 y의 축을 사용하여 이동한다. 단위로는 px을 사용한다. x축과 y의 축을 같이 입력할 수 있지만 필요시 x축과 y의 축을 각각 입력하여 이동할 수 있다. 2. scale 크기 플렉스 아이템의 크기를 배수로 조절할 때 사용하는 변환 함수이다. 단위로는 x축과 y의 축을 사용하며 괄호에는 늘리고 싶은 크기의 배수를 입력한다. 입력된 배수는 x축과 y..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2022. 10. 5. 17:06