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); |
} |