| Index: third_party/WebKit/LayoutTests/animations/fill-mode-removed.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/fill-mode-removed.html b/third_party/WebKit/LayoutTests/animations/fill-mode-removed.html
|
| index 4f36717aaa3f12b19033de228b0663664b964235..a6d8842db76a8bf1e8c65ac324979757e4351a9f 100644
|
| --- a/third_party/WebKit/LayoutTests/animations/fill-mode-removed.html
|
| +++ b/third_party/WebKit/LayoutTests/animations/fill-mode-removed.html
|
| @@ -12,30 +12,30 @@
|
| top: 10px;
|
| height: 100px;
|
| width: 100px;
|
| - -webkit-animation-delay: 0.1s;
|
| - -webkit-animation-duration: 0.1s;
|
| - -webkit-animation-timing-function: linear;
|
| - -webkit-animation-name: anim;
|
| + animation-delay: 0.1s;
|
| + animation-duration: 0.1s;
|
| + animation-timing-function: linear;
|
| + animation-name: anim;
|
| }
|
| - @-webkit-keyframes anim {
|
| + @keyframes anim {
|
| from { left: 200px; }
|
| to { left: 300px; }
|
| }
|
| #a {
|
| background-color: blue;
|
| - -webkit-animation-fill-mode: none;
|
| + animation-fill-mode: none;
|
| }
|
| #b {
|
| background-color: red;
|
| - -webkit-animation-fill-mode: backwards;
|
| + animation-fill-mode: backwards;
|
| }
|
| #c {
|
| background-color: green;
|
| - -webkit-animation-fill-mode: forwards;
|
| + animation-fill-mode: forwards;
|
| }
|
| #d {
|
| background-color: yellow;
|
| - -webkit-animation-fill-mode: both;
|
| + animation-fill-mode: both;
|
| }
|
| </style>
|
| <script type="text/javascript" charset="utf-8">
|
| @@ -54,7 +54,7 @@
|
| }
|
|
|
| function animationEnded(event) {
|
| - event.target.style.webkitAnimationName = "none";
|
| + event.target.style.animationName = "none";
|
| if (++animsFinished == numAnims) {
|
| setTimeout(endTest, 0); // this set timeout should be ok in the test environment
|
| // since we're just giving style a chance to resolve
|
| @@ -82,7 +82,7 @@
|
| }
|
|
|
| window.onload = function () {
|
| - document.addEventListener("webkitAnimationEnd", animationEnded, false);
|
| + document.addEventListener("animationend", animationEnded, false);
|
| };
|
|
|
| </script>
|
|
|