| Index: LayoutTests/animations/composition/perspective-composition.html
|
| diff --git a/LayoutTests/animations/composition/left-composition.html b/LayoutTests/animations/composition/perspective-composition.html
|
| similarity index 54%
|
| copy from LayoutTests/animations/composition/left-composition.html
|
| copy to LayoutTests/animations/composition/perspective-composition.html
|
| index ae89c507ac484be6584dd0985944c18bf07088f7..fbbb3c5e6f5141243b0def1de40d96f35a8f8061 100644
|
| --- a/LayoutTests/animations/composition/left-composition.html
|
| +++ b/LayoutTests/animations/composition/perspective-composition.html
|
| @@ -1,21 +1,10 @@
|
| <!DOCTYPE html>
|
| <meta charset="UTF-8">
|
| -<style>
|
| -.target {
|
| - position: relative;
|
| - width: 10px;
|
| - height: 10px;
|
| - background-color: black;
|
| -}
|
| -.expected {
|
| - background-color: green;
|
| -}
|
| -</style>
|
| <body>
|
| <script src="../interpolation/resources/interpolation-test.js"></script>
|
| <script>
|
| assertComposition({
|
| - property: 'left',
|
| + property: 'perspective',
|
| underlying: '50px',
|
| addFrom: '100px',
|
| addTo: '200px',
|
| @@ -28,7 +17,20 @@ assertComposition({
|
| ]);
|
|
|
| assertComposition({
|
| - property: 'left',
|
| + property: 'perspective',
|
| + underlying: '100px',
|
| + addFrom: '10px',
|
| + addTo: '2px',
|
| +}, [
|
| + {at: -0.5, is: '114px'},
|
| + {at: 0, is: '110px'},
|
| + {at: 0.5, is: '106px'},
|
| + {at: 1, is: '102px'},
|
| + {at: 1.5, is: '98px'}, // Value clamping should happen after composition.
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'perspective',
|
| underlying: '50px',
|
| addFrom: '100px',
|
| replaceTo: '200px',
|
| @@ -41,16 +43,16 @@ assertComposition({
|
| ]);
|
|
|
| assertComposition({
|
| - property: 'left',
|
| - underlying: 'auto',
|
| + property: 'perspective',
|
| + underlying: '100px',
|
| addFrom: '100px',
|
| - addTo: '200px',
|
| + addTo: 'none',
|
| }, [
|
| - {at: -0.3, is: '70px'},
|
| - {at: 0, is: '100px'},
|
| - {at: 0.5, is: '150px'},
|
| - {at: 1, is: '200px'},
|
| - {at: 1.5, is: '250px'},
|
| + {at: -0.3, is: '200px'},
|
| + {at: 0, is: '200px'},
|
| + {at: 0.5, is: 'none'},
|
| + {at: 1, is: 'none'},
|
| + {at: 1.5, is: 'none'},
|
| ]);
|
| </script>
|
| </body>
|
|
|
Chromium Code Reviews
Issue 1243313002:
Migrate the remaining CSS properties interpolable as Lengths to LengthInterpolationType (Closed)
Base URL: svn://svn.chromium.org/blink/trunk