css transition transform translatex code example

Example 1: transition transform

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

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

Example 2: transform:translateX()

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

Example 3: css transform transition

.selector {
  transition: transform 1s;
}