Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(189)

Unified Diff: third_party/WebKit/ManualTests/animation/compositor-transform-halted-by-motion-path.html

Issue 2841863005: CSS Motion Path: delete implementation of motion-offset property (Closed)
Patch Set: ManualTests Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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
});

Powered by Google App Engine
This is Rietveld 408576698