third_party/WebKit/LayoutTests/animations/interpolation/display-interpolation.html

   1 <!DOCTYPE html>
   2 <meta charset="UTF-8">
   3 <style>
   4 .target {
   5   display: block;
   6 }
   7 </style>
   8 <body>
   9 <script src="resources/interpolation-test.js"></script>
  10 <script>
  11 assertInterpolation({
  12   property: 'display',
  13   from: 'none',
  14   to: 'flex',
  15   method: 'CSS Animations',
  16 }, [
  17   {at: -0.3, is: 'block'},
  18   {at: 0, is: 'block'},
  19   {at: 0.3, is: 'block'},
  20   {at: 0.6, is: 'block'},
  21   {at: 1, is: 'block'},
  22   {at: 1.5, is: 'block'},
  23 ]);
  24 assertNoInterpolation({
  25   property: 'display',
  26   from: 'none',
  27   to: 'flex',
  28   method: 'Web Animations',
  29 });
  30 </script>
  31 </body>