Answers for "animate translate css"

transition transform

/* Transition Transform */
.section:hover {
  transform: translateX(0px) translateY(75px);
}

.section {
  transition: transform 500ms ease-in-out 25ms;
}

css transform transition

.selector {
  transition: transform 1s;
}

translate argument animation css'

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