chromium/third_party/blink/renderer/core/animation/test_data/transform-animation.html

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

.animate {
  animation-name: test;
  animation-duration: 1s;
  width: 10px;
  height: 10px;
  background: green;
}
</style>
<div id="target" class="animate">TARGET</div>