[Day 18] CSS - 변형(trnasform)과 트랜지션(transition)

1. 변형(transform) : 물체의 크기나 형태의 위치를 바꾸는 것 transform: 함수 사용 예) .image1{ transform: translate(10px, 10px);} 1) 2차원 변형 함수 ('transform: 함수'에서 함수자리에 쓸 수 있는 것들) translate(tx, ty) 웹 요소를 이동시킴 지정한 크기만큼 x축, y축으로 이동 (x축의 경우 → +값 : 왼쪽, -값 : 오른쪽 이동) (y축의 경우 → +값 : 아래쪽, -값 : 위쪽 이동) translateX(tx) 지정한 크기만큼 x축으로 이동 (+값 : 왼쪽, -값 : 오른쪽 이동) translateY(ty) 지정한 크기만큼 y축으로 이동 (+값 : 아래쪽, -값 : 위쪽 이동) scale(sx, sy) 웹 요소를 확대, 축소시킴 지정한 크기만큼 x축, y축으로 확대, 축소 (sz, sy배만큼 확대) scaleX(sx) 지정한 크기만큼 x축으로 확대, 축소 scaleY(sy) 지정한 크기만큼 y...