HTML, CSS

2차원 변형하기

삑삑도요 2022. 10. 18. 17:40

1) 좌우 이동
- transform: translateX(x축 방향 이동거리);

2) 상하이동
- transform: translateY(y축 방향 이동거리);

3) 대각선 이동
- transform: translate(X축 방향, Y축 방향);

4) scale(확대/축소)
- transform: scaleX(비율) 2=2배
- transform: scaleY(비율)
- transform: scale(X축 비율, Y축 비율)

5) rotate(회전)
- transform: rotate(n deg);
* 시계방향으로 회전