| Index: LayoutTests/animations/interpolation/border-spacing-interpolation.html
|
| diff --git a/LayoutTests/animations/interpolation/border-spacing-interpolation.html b/LayoutTests/animations/interpolation/border-spacing-interpolation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f1fcf0ecc5e9a1681d25734c3918e1066420a627
|
| --- /dev/null
|
| +++ b/LayoutTests/animations/interpolation/border-spacing-interpolation.html
|
| @@ -0,0 +1,72 @@
|
| +<!DOCTYPE html>
|
| +<meta charset="UTF-8">
|
| +<style>
|
| +.target {
|
| + width: 50px;
|
| + height: 50px;
|
| + background-color: black;
|
| + display: inline-block;
|
| + margin: 18px;
|
| + border-collapse: separate;
|
| +}
|
| +.target td {
|
| + background-color: white;
|
| + border: 1px solid orange;
|
| + width: 10px;
|
| + height: 10px;
|
| +}
|
| +.replica {
|
| + background-color: green;
|
| +}
|
| +</style>
|
| +<body>
|
| +<template id="target-template">
|
| + <table>
|
| + <tbody>
|
| + <tr>
|
| + <td></td>
|
| + <td></td>
|
| + </tr>
|
| + </tbody>
|
| + </table>
|
| +</template>
|
| +<script src="resources/interpolation-test.js"></script>
|
| +<script>
|
| +assertInterpolation({
|
| + property: 'border-spacing',
|
| + from: '0px',
|
| + to: '10px'
|
| +}, [
|
| + {at: -0.3, is: '0px 0px'}, // Can't be negative.
|
| + {at: 0, is: '0px 0px'},
|
| + {at: 0.3, is: '3px 3px'},
|
| + {at: 0.6, is: '6px 6px'},
|
| + {at: 1, is: '10px 10px'},
|
| + {at: 1.5, is: '15px 15px'}
|
| +]);
|
| +assertInterpolation({
|
| + property: '-webkit-border-horizontal-spacing',
|
| + from: '0px',
|
| + to: '10px'
|
| +}, [
|
| + {at: -0.3, is: '0px'}, // Can't be negative.
|
| + {at: 0, is: '0px'},
|
| + {at: 0.3, is: '3px'},
|
| + {at: 0.6, is: '6px'},
|
| + {at: 1, is: '10px'},
|
| + {at: 1.5, is: '15px'}
|
| +]);
|
| +assertInterpolation({
|
| + property: '-webkit-border-vertical-spacing',
|
| + from: '0px',
|
| + to: '10px'
|
| +}, [
|
| + {at: -0.3, is: '0px'}, // Can't be negative.
|
| + {at: 0, is: '0px'},
|
| + {at: 0.3, is: '3px'},
|
| + {at: 0.6, is: '6px'},
|
| + {at: 1, is: '10px'},
|
| + {at: 1.5, is: '15px'}
|
| +]);
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 25132005:
Web Animations CSS: Handle border-spacing property (Closed)
Base URL: svn://svn.chromium.org/blink/trunk