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

Unified Diff: third_party/WebKit/LayoutTests/animations/interpolation/offset-distance-interpolation.html

Issue 2241993002: CSS Motion Path: New names for properties (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments Created 4 years, 3 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/LayoutTests/animations/interpolation/offset-distance-interpolation.html
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/motion-offset-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/offset-distance-interpolation.html
similarity index 86%
copy from third_party/WebKit/LayoutTests/animations/interpolation/motion-offset-interpolation.html
copy to third_party/WebKit/LayoutTests/animations/interpolation/offset-distance-interpolation.html
index 58b1eb56c79912d4ebff1e44880264ae9f19a80f..613a59e0f678d5d84dcf48bc9f208cfca1280f1e 100644
--- a/third_party/WebKit/LayoutTests/animations/interpolation/motion-offset-interpolation.html
+++ b/third_party/WebKit/LayoutTests/animations/interpolation/offset-distance-interpolation.html
@@ -2,14 +2,14 @@
<meta charset="UTF-8">
<style>
.parent {
- motion-offset: 30px;
+ offset-distance: 30px;
}
.target {
width: 10px;
height: 10px;
background-color: black;
- motion-path: path("M0 0H 400");
- motion-offset: 10px;
+ offset-path: path("M0 0H 400");
+ offset-distance: 10px;
}
.expected {
background-color: green;
@@ -19,7 +19,7 @@
<script src="resources/interpolation-test.js"></script>
<script>
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: neutralKeyframe,
to: '20px',
}, [
@@ -32,7 +32,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: 'initial',
to: '20px',
}, [
@@ -45,7 +45,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: 'inherit',
to: '20px',
}, [
@@ -58,7 +58,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: 'unset',
to: '20px',
}, [
@@ -71,7 +71,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: '10px',
to: '50px',
}, [
@@ -84,7 +84,7 @@ assertInterpolation({
]);
assertInterpolation({
- property: 'motion-offset',
+ property: 'offset-distance',
from: '10px',
to: '100%',
}, [

Powered by Google App Engine
This is Rietveld 408576698