.box {
  width: 100px;
  height: 100px;
  background: red;
  transform: none;
  will-change: transform;
  transition: transform 0.5s ease;
}

.box:hover {
  transform: translateX(200px) rotate(45deg);
}