Index: third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html |
diff --git a/third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html b/third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html |
index 2ddf3e6dae5abddd64b8fbefc5b0d4deeb4ae68c..e48b3c295b88afb73f1c390eea03c3102fe63993 100644 |
--- a/third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html |
+++ b/third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html |
@@ -14,12 +14,14 @@ div { |
z-index: 1; |
left: 100px; |
top: 200px; |
+ transform-origin: 0px 0px; |
} |
#div2 { |
z-index: 3; |
left: 100px; |
top: 300px; |
+ transform-origin: 0px 0px; |
} |
</style> |
@@ -55,11 +57,11 @@ function startAnimations() { |
delay: 1000 |
}); |
setTimeout(function() { |
- div2.style.motionPath = 'path("m 0 0 h -800")'; |
- div2.style.motionRotation = '0deg'; |
+ div2.style.offsetPath = 'path("m 0 0 h -800")'; |
+ div2.style.offsetRotate = '0deg'; |
div2.animate([ |
- {motionOffset: '0%'}, |
- {motionOffset: '100%'} |
+ {offsetDistance: '0%'}, |
+ {offsetDistance: '100%'} |
], { |
duration: 1000 |
}); |