| 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>
|
|
|