| Index: third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html
|
| index 3bbbfa86f6b15739b9f2c6f5aee897ec516e2423..f13000fbdda5c99187accada8fdaf11478b3fc3a 100644
|
| --- a/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html
|
| +++ b/third_party/WebKit/LayoutTests/animations/animation-direction-reverse-non-hardware.html
|
| @@ -1,7 +1,7 @@
|
| <!doctype html>
|
| <html>
|
| <head>
|
| - <title>Test of -webkit-animation-direction reverse on non-composited elements</title>
|
| + <title>Test of animation-direction reverse on non-composited elements</title>
|
| <style>
|
| body {
|
| margin: 0;
|
| @@ -14,44 +14,44 @@
|
| height: 50px;
|
| width: 250px;
|
| margin-bottom: 10px;
|
| - -webkit-animation-duration: 2s;
|
| - -webkit-animation-timing-function: linear;
|
| - -webkit-animation-iteration-count: 8;
|
| + animation-duration: 2s;
|
| + animation-timing-function: linear;
|
| + animation-iteration-count: 8;
|
| }
|
|
|
| .move1 {
|
| - -webkit-animation-name: move1;
|
| + animation-name: move1;
|
| background-color: blue;
|
| color: white;
|
| }
|
|
|
| .move2 {
|
| - -webkit-animation-name: move2;
|
| + animation-name: move2;
|
| background-color: orange;
|
| }
|
|
|
| .normal {
|
| - -webkit-animation-direction: normal;
|
| + animation-direction: normal;
|
| }
|
|
|
| .alternate {
|
| - -webkit-animation-direction: alternate;
|
| + animation-direction: alternate;
|
| }
|
|
|
| .reverse {
|
| - -webkit-animation-direction: reverse;
|
| + animation-direction: reverse;
|
| }
|
|
|
| .alternate-reverse {
|
| - -webkit-animation-direction: alternate-reverse;
|
| + animation-direction: alternate-reverse;
|
| }
|
|
|
| - @-webkit-keyframes move1 {
|
| + @keyframes move1 {
|
| from { left: 0px; }
|
| to { left: 200px; }
|
| }
|
|
|
| - @-webkit-keyframes move2 {
|
| + @keyframes move2 {
|
| 0% { left: 0px; }
|
| 40% { left: 160px; }
|
| 60% { left: 120px; }
|
|
|