third_party/WebKit/LayoutTests/animations/insert-composited-animation.html

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