Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(29)

Unified Diff: third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html

Issue 2523543004: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)
Patch Set: Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html
diff --git a/third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html b/third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html
index 485c032e32ecaa2dd81c87e6f2e69c6935489100..524fd8a11d6b729dc2a18bc3355ca90c19bf5ff6 100644
--- a/third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html
+++ b/third_party/WebKit/LayoutTests/animations/fill-mode-multiple-keyframes.html
@@ -12,24 +12,24 @@
top: 10px;
height: 30px;
width: 200px;
- -webkit-animation-delay: 0.1s;
- -webkit-animation-duration: 0.1s;
- -webkit-animation-timing-function: linear;
+ animation-delay: 0.1s;
+ animation-duration: 0.1s;
+ animation-timing-function: linear;
}
.two-keyframes {
- -webkit-animation-name: anim1;
+ animation-name: anim1;
}
.three-keyframes {
- -webkit-animation-name: anim2;
+ animation-name: anim2;
}
- @-webkit-keyframes anim1 {
+ @keyframes anim1 {
from { left: 200px; }
to { left: 300px; }
}
- @-webkit-keyframes anim2 {
+ @keyframes anim2 {
from { left: 200px; }
50% { left: 250px; }
to { left: 300px; }
@@ -37,25 +37,25 @@
#a, #f {
background-color: blue;
- -webkit-animation-fill-mode: none;
+ animation-fill-mode: none;
}
#b, #g {
background-color: red;
- -webkit-animation-fill-mode: backwards;
+ animation-fill-mode: backwards;
}
#c, #h {
background-color: green;
- -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
}
#d, #i {
background-color: yellow;
- -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
}
#e, #j {
background-color: #999;
- -webkit-animation-fill-mode: both;
- -webkit-animation-iteration-count: 2;
- -webkit-animation-direction: alternate;
+ animation-fill-mode: both;
+ animation-iteration-count: 2;
+ animation-direction: alternate;
}
</style>
<script type="text/javascript" charset="utf-8">
@@ -119,7 +119,7 @@
}
result += " - start of animation - id: " + expectedValues[i].id + " expected: " + expectedValue + " actual: " + realValue + "<br>";
}
- document.addEventListener("webkitAnimationEnd", animationEnded, false);
+ document.addEventListener("animationend", animationEnded, false);
};
</script>

Powered by Google App Engine
This is Rietveld 408576698