third_party/WebKit/LayoutTests/animations/opacity-responsive-neutral-keyframe.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4   position: absolute;
   5   width: 100px;
   6   height: 100px;
   7 }
   8 #target {
   9   background: red;
  10   opacity: 1;
  11   animation: test 1e8s;
  12 }
  13 #green {
  14   background: green;
  15 }
  16 @keyframes test {
  17   to { opacity: 0.5; }
  18 }
  19 </style>
  20 <div id="green"></div>
  21 <div id="target"></div>
  22 <script>
  23 if (window.testRunner)
  24   testRunner.waitUntilDone();
  25
  26 requestAnimationFrame(() => {
  27   requestAnimationFrame(() => {
  28     target.style.opacity = 0;
  29     requestAnimationFrame(() => {
  30       if (window.testRunner)
  31         testRunner.notifyDone();
  32     });
  33   });
  34 });
  35 </script>