Index: LayoutTests/animations/keyframes-unprefixed-03.html |
diff --git a/LayoutTests/animations/duplicated-keyframes-name.html b/LayoutTests/animations/keyframes-unprefixed-03.html |
similarity index 68% |
copy from LayoutTests/animations/duplicated-keyframes-name.html |
copy to LayoutTests/animations/keyframes-unprefixed-03.html |
index 1ab642c159289d78f96f5d9387f6e7d07d59a9aa..afbf11e36e616c81acfd3b8e6de933d7f1eeb9a2 100644 |
--- a/LayoutTests/animations/duplicated-keyframes-name.html |
+++ b/LayoutTests/animations/keyframes-unprefixed-03.html |
@@ -13,23 +13,22 @@ |
height: 100px; |
width: 100px; |
background-color: blue; |
- -webkit-animation-duration: 1s; |
- -webkit-animation-timing-function: linear; |
- -webkit-animation-name: anim; |
- -webkit-animation-fill-mode: forwards; |
+ animation-duration: 1s; |
+ animation-timing-function: linear; |
+ animation-name: anim; |
+ animation-fill-mode: forwards; |
} |
- @-webkit-keyframes anim { |
- from { left: 50px; } |
- to { left: 100px; } |
- } |
- @-webkit-keyframes irrelevant { |
- from { left: 150px; } |
- to { left: 2500px; } |
+ |
+ @keyframes anim { |
+ from { left: 200px; } |
+ to { left: 300px; } |
} |
+ |
@-webkit-keyframes anim { |
from { left: 200px; } |
- to { left: 300px; } |
+ to { left: 700px; } |
} |
+ |
</style> |
<script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script> |
<script type="text/javascript" charset="utf-8"> |
@@ -44,7 +43,7 @@ |
</script> |
</head> |
<body> |
-This test verifies that the last @keyframes rule with a given name is the one used. |
+This test verifies that the unprefixed @keyframes rule is correctly parsed take precedence over the prefixed keyframe defined after. |
<div id="box"> |
</div> |
<div id="result"> |