Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / animations / cascade-important.html
blob23b51e4508f7798a311010ae15d997e6f39dbbfe
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style type="text/css" media="screen">
5 #test {
6 width: 100px;
7 height: 100px;
8 background-color: green !important;
9 -webkit-animation: test 0.5s;
11 @-webkit-keyframes test {
12 from { background-color: red; }
13 to { background-color: red; }
15 </style>
16 <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
17 <script type="text/javascript" charset="utf-8">
18 const expectedValues = [
19 // [time, element-id, property, expected-value, tolerance]
20 [0, "test", "background-color", "rgb(0, 128, 0)", 0],
21 [0.25, "test", "background-color", "rgb(0, 128, 0)", 0],
22 [0.5, "test", "background-color", "rgb(0, 128, 0)", 0],
24 runAnimationTest(expectedValues);
25 </script>
26 </head>
27 <body>
28 <p>Tests that !important properties apply over animations.</p>
29 <div id="test"></div>
30 <div id="result">
31 </div>
32 </body>
33 </html>