Index: LayoutTests/animations/cascade-important-keyframe-properties.html |
diff --git a/LayoutTests/animations/cascade-important.html b/LayoutTests/animations/cascade-important-keyframe-properties.html |
similarity index 75% |
copy from LayoutTests/animations/cascade-important.html |
copy to LayoutTests/animations/cascade-important-keyframe-properties.html |
index 23b51e4508f7798a311010ae15d997e6f39dbbfe..626588083d31c1706e3da7eefa1ff1067876832f 100644 |
--- a/LayoutTests/animations/cascade-important.html |
+++ b/LayoutTests/animations/cascade-important-keyframe-properties.html |
@@ -5,12 +5,12 @@ |
#test { |
width: 100px; |
height: 100px; |
- background-color: green !important; |
- -webkit-animation: test 0.5s; |
+ -webkit-animation: test 0.5s forwards; |
} |
@-webkit-keyframes test { |
- from { background-color: red; } |
- to { background-color: red; } |
+ 0% { background-color: green; } |
+ 50% { background-color: red !important; } |
+ 100% { background-color: green; } |
} |
</style> |
<script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> |
@@ -25,7 +25,7 @@ |
</script> |
</head> |
<body> |
-<p>Tests that !important properties apply over animations.</p> |
+<p>Tests that !important properties are ignored in keyframes.</p> |
<div id="test"></div> |
<div id="result"> |
</div> |