1<!DOCTYPE html>
2<html>
3<head>
4<title>Check that negative (out of range) key frame percentage doesn't cause subsequent first or second ruleset to be skipped.</title>
5<style>
6#test { background-color: red; color: black }
7@-webkit-keyframes fade { -10% { color: red; } }
8#test { background-color: green; } /* if skipped, then background will be red */
9#test { color: white; } /* if skipped, then text will be black */
10</style>
11</head>
12<body>
13<div id="test">The background color of this element should be green and the text should be white.</div>
14<div id="result"></div>
15<script>
16if (window.testRunner)
17 testRunner.dumpAsText();
18var r = '';
19var s = getComputedStyle(document.getElementById("test"));
20if (s.backgroundColor === "rgb(0, 128, 0)") {
21 r += 'PASS: background color is green';
22} else {
23 r += 'FAIL: background color not green';
24}
25r += '<br>';
26if (s.color === "rgb(255, 255, 255)") {
27 r += 'PASS: text color is white';
28} else {
29 r += 'FAIL: text color not white';
30}
31r += '<br>';
32document.getElementById("result").innerHTML = r;
33</script>
34</body>
35</html>