| Index: third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
|
| index d0f5d9ed3ad2bb81e91fd48c6d4f48afe11fb95e..e8933c8ebd47152730ef8a24c706acab791f902d 100644
|
| --- a/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
|
| +++ b/third_party/WebKit/LayoutTests/animations/change-transform-style-during-animation.html
|
| @@ -4,7 +4,7 @@
|
| <style>
|
| #container {
|
| transform: translateZ(0px);
|
| - -webkit-perspective: 400;
|
| + perspective: 400;
|
| }
|
|
|
| #revealed {
|
| @@ -22,14 +22,14 @@
|
| width: 100px;
|
| background-color: red;
|
| transform: translateZ(10px);
|
| - -webkit-transform-style: preserve-3d;
|
| - -webkit-animation-duration: 100ms;
|
| - -webkit-animation-fill-mode: both;
|
| - -webkit-animation-timing-function: linear;
|
| - -webkit-animation-iteration-count: 1;
|
| + transform-style: preserve-3d;
|
| + animation-duration: 100ms;
|
| + animation-fill-mode: both;
|
| + animation-timing-function: linear;
|
| + animation-iteration-count: 1;
|
| }
|
|
|
| - @-webkit-keyframes anim {
|
| + @keyframes anim {
|
| from { transform: translateZ(0px) translateX(0px); }
|
| to { transform: translateZ(200px) translateX(-200px); }
|
| }
|
| @@ -46,7 +46,7 @@
|
| var animated = document.getElementById('animated');
|
| var result;
|
| var expected = "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 200, 1)";
|
| - var computed = getPropertyValue("webkitTransform", "animated");
|
| + var computed = getPropertyValue("transform", "animated");
|
| if (comparePropertyValue(computed, expected, 0.002)) {
|
| result = "PASS - Computed final position is correct.";
|
| } else {
|
| @@ -59,13 +59,13 @@
|
| function animationStarted()
|
| {
|
| var animated = document.getElementById('animated');
|
| - animated.style.webkitTransformStyle = 'flat';
|
| + animated.style.transformStyle = 'flat';
|
| }
|
|
|
| function startTest()
|
| {
|
| var animated = document.getElementById('animated');
|
| - animated.style.webkitAnimationName = "anim";
|
| + animated.style.animationName = "anim";
|
| animated.addEventListener('webkitAnimationEnd', animationDone);
|
| animated.addEventListener('webkitAnimationStart', animationStarted);
|
| }
|
|
|