third_party/WebKit/LayoutTests/animations/insert-style-dependent-animation.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4     position: absolute;
   5     width: 100px;
   6     height: 100px;
   7     font-size: 50px;
   8 }
   9
  10 #expectation {
  11     background: red;
  12     transform: translate(1em, 1em);
  13 }
  14 </style>
  15 <div id="expectation"></div>
  16 <script>
  17 var target = document.createElement('div');
  18 target.style.background = 'green';
  19 target.animate([
  20   {transform: "translate(1em, 1em)"},
  21   {transform: "translate(1em, 1em)"},
  22 ], {
  23   duration: 1000,
  24   iterations: Infinity,
  25 });
  26 document.body.appendChild(target);
  27 </script>