<!DOCTYPE html>
<style>
@keyframes test {
  0% { transform: translate(1em, 1em) }
  100% { transform: translate(2em, 2em) }
}

.animate {
  animation-name: test;
  animation-duration: 1s;
}
</style>
<div id="target" class="animate"></div>;