third_party/WebKit/LayoutTests/animations/timing-functions-neutral-keyframe.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <style>
   5   @keyframes anim {
   6     from { animation-timing-function: linear; }
   7     to { left: 500px; }
   8   }
   9
  10   #target {
  11     animation: anim 10s -1s paused ease-in-out;
  12     left: 0px;
  13     position: absolute;
  14   }
  15 </style>
  16 <div id="target"></div>
  17 <script>
  18   test(function() {
  19     assert_equals(parseInt(getComputedStyle(target).left), 50, 'left offset'); // Should be linearly interpolated
  20   }, "Check that explicitly specified timing functions in neutral keyframes override default");
  21 </script>