insert-style-dependent-animation.html

<!DOCTYPE html>
<style>
div {
    position: absolute;
    width: 100px;
    height: 100px;
    font-size: 50px;
}

#expectation {
    background: red;
    transform: translate(1em, 1em);
}
</style>
<div id="expectation"></div>
<script>
var target = document.createElement('div');
target.style.background = 'green';
target.animate([
  {transform: "translate(1em, 1em)"},
  {transform: "translate(1em, 1em)"},
], {
  duration: 1000,
  iterations: Infinity,
});
document.body.appendChild(target);
</script>

chromium/third_party/blink/web_tests/animations/insert-style-dependent-animation.html