css animation translate code example

Example 1: css transform transition

.selector {
  transition: transform 1s;
}

Example 2: translate css property

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

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

Example 3: translate argument animation css'

<div>Static</div>
<div class="moved">Moved</div>
<div>Static</div>