third_party/WebKit/LayoutTests/animations/stacked-neutral-keyframe-css-animations.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <style>
   5 #target {
   6   animation-name: first, second;
   7   animation-duration: 1e8s;
   8   animation-timing-function: steps(2, start);
   9   left: 100px;
  10 }
  11
  12 @keyframes first {
  13   from { left: 300px; }
  14   to { left: 300px; }
  15 }
  16
  17 @keyframes second {
  18   to { left: 200px; }
  19 }
  20 </style>
  21 <div id="target"></div>
  22 <script>
  23 test(_ => {
  24   assert_equals(getComputedStyle(target).left, '250px');
  25 }, 'Multiple CSS Animations on the same property should composite together');
  26 </script>