<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>