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

Unified Diff: third_party/WebKit/LayoutTests/animations/fill-mode-missing-from-to-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-missing-from-to-keyframes.html
diff --git a/third_party/WebKit/LayoutTests/animations/fill-mode-missing-from-to-keyframes.html b/third_party/WebKit/LayoutTests/animations/fill-mode-missing-from-to-keyframes.html
index 512ba27f5a5fa0cd0efccc8bffdea56ca2ebff4f..a8faa9e330d784d01bb506f8925882f51e49a443 100644
--- a/third_party/WebKit/LayoutTests/animations/fill-mode-missing-from-to-keyframes.html
+++ b/third_party/WebKit/LayoutTests/animations/fill-mode-missing-from-to-keyframes.html
@@ -12,81 +12,81 @@
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;
}
- @-webkit-keyframes anim1 {
+ @keyframes anim1 {
from { left: 200px; }
50% { left: 250px; }
to { left: 300px; }
}
- @-webkit-keyframes anim2 {
+ @keyframes anim2 {
50% { left: 250px; }
to { left: 300px; }
}
- @-webkit-keyframes anim3 {
+ @keyframes anim3 {
from { left: 200px; }
50% { left: 250px; }
}
- @-webkit-keyframes anim4 {
+ @keyframes anim4 {
50% { left: 250px; }
}
#a {
background-color: blue;
- -webkit-animation-fill-mode: none;
- -webkit-animation-name: anim1;
+ animation-fill-mode: none;
+ animation-name: anim1;
}
#b {
background-color: red;
- -webkit-animation-fill-mode: backwards;
- -webkit-animation-name: anim1;
+ animation-fill-mode: backwards;
+ animation-name: anim1;
}
#c {
background-color: green;
- -webkit-animation-fill-mode: forwards;
- -webkit-animation-name: anim1;
+ animation-fill-mode: forwards;
+ animation-name: anim1;
}
#d {
background-color: yellow;
- -webkit-animation-fill-mode: both;
- -webkit-animation-name: anim1;
+ animation-fill-mode: both;
+ animation-name: anim1;
}
#e {
background-color: #999;
- -webkit-animation-fill-mode: both;
- -webkit-animation-iteration-count: 2;
- -webkit-animation-direction: alternate;
- -webkit-animation-name: anim1;
+ animation-fill-mode: both;
+ animation-iteration-count: 2;
+ animation-direction: alternate;
+ animation-name: anim1;
}
#f {
background-color: blue;
- -webkit-animation-fill-mode: none;
- -webkit-animation-name: anim2;
+ animation-fill-mode: none;
+ animation-name: anim2;
}
#g {
background-color: red;
- -webkit-animation-fill-mode: backwards;
- -webkit-animation-name: anim2;
+ animation-fill-mode: backwards;
+ animation-name: anim2;
}
#h {
background-color: green;
- -webkit-animation-fill-mode: forwards;
- -webkit-animation-name: anim2;
+ animation-fill-mode: forwards;
+ animation-name: anim2;
}
#i {
background-color: yellow;
- -webkit-animation-fill-mode: both;
- -webkit-animation-name: anim2;
+ animation-fill-mode: both;
+ animation-name: anim2;
}
#j {
background-color: #999;
- -webkit-animation-fill-mode: both;
- -webkit-animation-iteration-count: 2;
- -webkit-animation-direction: alternate;
- -webkit-animation-name: anim2;
+ animation-fill-mode: both;
+ animation-iteration-count: 2;
+ animation-direction: alternate;
+ animation-name: anim2;
}
</style>
@@ -146,7 +146,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