9-1. CSS 변형 (transform, translate(), scale(), rotate(), skew())

1. transform CSS에서 변형을 적용하기 위해서는 transform 속성을 사용해서 함수이름과 함께 작성해야한다. transform : 함수 - 2차원 변형과 3차원 변형 2차원 변형은 웹 요소를 평면에서 변형한다. (수평으로 이동하거나, 수직으로 이동) 3차원 변형은 x축과 y축에 원근감을 주는 z축을 추가해서 변형한다. 3차원 변형에서 z축은 앞뒤로 이동하고, 보는 사람 쪽으로 다가올수록 값이 커지고 뒤로 갈수록 값이 작아진다. 2. translate() 함수 translate() 함수는 웹 요소를 이동시키는 함수이다. translate() 함수는 x축이나 y축 또는 양쪽 방향으로 이동할 거리를 지정하면 해당 요소가 지정한 크기만큼 이동한다. transform : translate(tx, t..

2021.10.15