CSS

css transform translate rotate

#id {
    transform: translate(50%, 50%) rotate(90deg) ;
}

transform:translateX()

/* <length-percentage> values */
transform: translateX(200px);
transform: translateX(50%);

transform translate syntax

transform: translate(50px, -50px)   /* 50px is for X-axis & -50px for Y-axis*/

translate css property

div {
  width: 60px;
  height: 60px;
  background-color: skyblue;
}

.moved {
  transform: translate(50px, 10px);
  background-color: pink;
}