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