공부기록

공부기록, 2021-06-10(php)

이재연 2021. 6. 10. 09:21

## php
- transform
- transform:scale() - X 또는 Y축으로 확대/ 축소
- transform:scaleX(x축 비율);
- transform:scaleY(y축 비율); // y축으로 확대, 축소
- transform:scale(x축 비율, y축 비율); // x축, y축으로 확대, 축소
- transform:rotate() - 지정 요소 회전
- transform:rotateX(Ndeg); // x축 기준으로 N도 만큼 회전
- transform:rotateY(Ndeg); // y축 기준으로 N도 만큼 회전
- transform:rotate(Ndeg); // N도 만큼 회전
- transform:translate() - 지정 요소 X 또는 Y축으로 이동
- transform:translateX(10px); // X축으로 10px 이동
- transform:translateY(10px); // Y축으로 10px 이동
- transform:translate(-10px, -10px); // X축으로 -10px, Y축으로 -10px 이동
- transform:skew() - 지정 요소 X 또는 Y축으로 기울이기
- transform:skewX(Ndeg); // x축으로 N도 만큼 기울이기
- transform:skewY(Ndeg); // y축으로 N도 만큼 기울이기
- transform:skew(x축 Ndeg, y축 Ndeg); // x축, y축으로 N도 만큼 기울이기
- transform-origin 속성 - 지정 요소의 기준점을 변경할 수 있습니다.
- transform-origin:x축 y축;

## 자주 하는 실수
- 헷갈림
## 큐
- 애니메이션의 대부분
## 내가 모르는 것
- 기타 애니메이션 방법