| Index: LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
|
| diff --git a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
|
| index 5f88c3220dd9a5e2b73d51120f8396af914f4e17..0213085b061b6b1d8b6d9c004e518129f0604270 100644
|
| --- a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
|
| +++ b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html
|
| @@ -20,41 +20,28 @@
|
| <script>
|
| assertInterpolation({
|
| property: '-webkit-clip-path',
|
| - from: 'rectangle(0px, 0px, 100px, 100px, 0px, 0px)',
|
| - to: 'rectangle(25px, 25px, 50px, 50px, 10px, 10px)'
|
| + from: 'circle(10px at 25px 75px)',
|
| + to: 'circle(50px at 50px 50px)'
|
| }, [
|
| - {at: -0.3, is: 'rectangle(-7.5px, -7.5px, 115px, 115px, 0px, 0px)'}, // radius can't be negative
|
| - {at: 0, is: 'rectangle(0px, 0px, 100px, 100px)'},
|
| - {at: 0.3, is: 'rectangle(7.5px, 7.5px, 85px, 85px, 3px, 3px)'},
|
| - {at: 0.6, is: 'rectangle(15px, 15px, 70px, 70px, 6px, 6px)'},
|
| - {at: 1, is: 'rectangle(25px, 25px, 50px, 50px, 10px, 10px)'},
|
| - {at: 1.5, is: 'rectangle(37.5px, 37.5px, 25px, 25px, 15px, 15px)'}
|
| -]);
|
| -
|
| -assertInterpolation({
|
| - property: '-webkit-clip-path',
|
| - from: 'circle(25px, 75px, 10px)',
|
| - to: 'circle(50px, 50px, 50px)'
|
| -}, [
|
| - {at: -0.3, is: 'circle(17.5px, 82.5px, 0px)'}, // radius can't be negative
|
| - {at: 0, is: 'circle(25px, 75px, 10px)'},
|
| - {at: 0.3, is: 'circle(32.5px, 67.5px, 22px)'},
|
| - {at: 0.6, is: 'circle(40px, 60px, 34px)'},
|
| - {at: 1, is: 'circle(50px, 50px, 50px)'},
|
| - {at: 1.5, is: 'circle(62.5px, 37.5px, 70px)'}
|
| + {at: -0.3, is: 'circle(0px at 17.5px 82.5px)'}, // radius can't be negative
|
| + {at: 0, is: 'circle(10px at 25px 75px)'},
|
| + {at: 0.3, is: 'circle(22px at 32.5px 67.5px)'},
|
| + {at: 0.6, is: 'circle(34px at 40px 60px)'},
|
| + {at: 1, is: 'circle(50px at 50px 50px)'},
|
| + {at: 1.5, is: 'circle(70px at 62.5px 37.5px)'}
|
| ]);
|
|
|
| assertInterpolation({
|
| property: '-webkit-clip-path',
|
| from: 'none',
|
| - to: 'circle(1px, 2px, 3px)'
|
| + to: 'circle(3px at 1px 2px)'
|
| }, [
|
| {at: -0.3, is: 'none'},
|
| {at: 0, is: 'none'},
|
| {at: 0.3, is: 'none'},
|
| - {at: 0.6, is: 'circle(1px, 2px, 3px)'},
|
| - {at: 1, is: 'circle(1px, 2px, 3px)'},
|
| - {at: 1.5, is: 'circle(1px, 2px, 3px)'}
|
| + {at: 0.6, is: 'circle(3px at 1px 2px)'},
|
| + {at: 1, is: 'circle(3px at 1px 2px)'},
|
| + {at: 1.5, is: 'circle(3px at 1px 2px)'}
|
| ]);
|
| </script>
|
| </body>
|
|
|