| <html> |
| <body> |
| <p>Test for Blink bug <a href="https://code.google.com/p/chromium/issues/detail?id=228870">228870</a>: CSS parser incorrectly handles invalid @-webkit-keyframes key values</p> |
| <style> |
| @-webkit-keyframes foo { |
| 0 {foo: bar;} |
| } |
| |
| #output-1:before { |
| content: "PASSED"; |
| } |
| |
| @-webkit-keyframes foo { |
| 0, 100% {foo: bar;} |
| } |
| |
| #output-2:before { |
| content: "PASSED"; |
| } |
| |
| @-webkit-keyframes foo { |
| 10%, none {foo: bar;} |
| } |
| |
| #output-3:before { |
| content: "PASSED"; |
| } |
| |
| @-webkit-keyframes foo { |
| -10%, from {foo: bar;} |
| } |
| |
| #output-4:before { |
| content: "PASSED"; |
| } |
| </style> |
| <div id="output-1"> (INTEGER single key)</div> |
| <div id="output-2"> (INTEGER in a key list)</div> |
| <div id="output-3"> (unknown IDENT in a key list)</div> |
| <div id="output-4"> (out-of-range percentage key value in a key list)</div> |
| </body> |
| </html> |
