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