[CSS] 요소 크기, 회전, 위치 이동, 기울기 변경: transform

CSS3에서 사용 가능하다! transform transform은 엘리먼트의 크기, 회전, 위치 등을 변경시키는 속성이다. transform-origin, scale, rotate, translate, skew에 대해 살펴보자! scale(): 확대, 축소 transform: scale(x축 크기, y축 크기) transform: scaleX(x축 크기) transform: scaleY(y축 크기) .box-container { display: flex; } .box { width: 200px; height: 200px; border: 2px solid black; background-color: rgba(255, 255, 0, 0.7); /* 부드럽게 움직이는 효과 */ transition: 1s; }..