third_party/WebKit/LayoutTests/animations/animation-none-keyword.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4   <title>Testing animation on a none keyword</title>
   5   <style>
   6     #test {
   7       max-width: none;
   8       -webkit-animation-duration: 2s;
   9       -webkit-animation-timing-function: linear;
  10       -webkit-animation-name: none-test;
  11     }
  12
  13     @-webkit-keyframes none-test {
  14       25% { max-width: 10px; }
  15       75% { max-width: 10px; }
  16     }
  17   </style>
  18   <script src="resources/animation-test-helpers.js"></script>
  19   <script>
  20     const expectedValues = [
  21       // [time, element-id, property, expected-value, tolerance]
  22       [0, "test", "max-width", "none", 0],
  23       [0.25, "test", "max-width", 10, 0],
  24       [1, "test", "max-width", 10, 0],
  25       [1.75, "test", "max-width", "none", 0],
  26       [2, "test", "max-width", "none", 0],
  27     ];
  28
  29     runAnimationTest(expectedValues);
  30   </script>
  31 </head>
  32 <body>
  33 <div id="test">Animating max-width from/to none.</div>
  34 </div>
  35 </body>
  36 </html>