CSS를 사용하여 x축 및 y축과 함께 요소 변환

translate(x,y) 메서드를 사용하여 x축 및 y축과 함께 요소를 변환합니다.

구문을 살펴보겠습니다.

translate(x,y)

여기서 x는 변환 벡터의 x 좌표를 나타내는 길이입니다.

y는 변환 벡터의 세로 좌표를 나타내는 길이입니다.

예를 살펴보겠습니다.

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: translate(20px);
   background-color: black;
}