| Index: third_party/WebKit/LayoutTests/animations/composition/motion-rotation-composition.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/composition/motion-rotation-composition.html b/third_party/WebKit/LayoutTests/animations/composition/motion-rotation-composition.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5837f512b512709794c6c4e52bf53711f8b595ad
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/composition/motion-rotation-composition.html
|
| @@ -0,0 +1,89 @@
|
| +<!DOCTYPE html>
|
| +<body>
|
| +<script src="../interpolation/resources/interpolation-test.js"></script>
|
| +<script>
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: '20deg',
|
| + addFrom: '10deg',
|
| + addTo: '20deg',
|
| +}, [
|
| + {at: -0.3, is: '27deg'},
|
| + {at: 0, is: '30deg'},
|
| + {at: 0.3, is: '33deg'},
|
| + {at: 0.6, is: '36deg'},
|
| + {at: 1, is: '40deg'},
|
| + {at: 1.5, is: '45deg'},
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: 'auto 20deg',
|
| + addFrom: '10deg',
|
| + addTo: '20deg',
|
| +}, [
|
| + {at: -0.3, is: '7deg'},
|
| + {at: 0, is: '10deg'},
|
| + {at: 0.3, is: '13deg'},
|
| + {at: 0.6, is: '16deg'},
|
| + {at: 1, is: '20deg'},
|
| + {at: 1.5, is: '25deg'},
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: 'auto 20deg',
|
| + addFrom: 'reverse 10deg',
|
| + addTo: 'auto 20deg',
|
| +}, [
|
| + {at: -0.3, is: 'auto 261deg'},
|
| + {at: 0, is: 'auto 210deg'},
|
| + {at: 0.3, is: 'auto 159deg'},
|
| + {at: 0.6, is: 'auto 108deg'},
|
| + {at: 1, is: 'auto 40deg'},
|
| + {at: 1.5, is: 'auto -45deg'},
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: '20deg',
|
| + addFrom: 'reverse 10deg',
|
| + addTo: '20deg',
|
| +}, [
|
| + {at: -0.3, is: 'auto 190deg'},
|
| + {at: 0, is: 'auto 190deg'},
|
| + {at: 0.3, is: 'auto 190deg'},
|
| + {at: 0.6, is: '40deg'},
|
| + {at: 1, is: '40deg'},
|
| + {at: 1.5, is: '40deg'},
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: '20deg',
|
| + replaceFrom: 'reverse 10deg',
|
| + addTo: '20deg',
|
| +}, [
|
| + {at: -0.3, is: 'auto 190deg'},
|
| + {at: 0, is: 'auto 190deg'},
|
| + {at: 0.3, is: 'auto 190deg'},
|
| + {at: 0.6, is: '40deg'},
|
| + {at: 1, is: '40deg'},
|
| + {at: 1.5, is: '40deg'},
|
| +]);
|
| +
|
| +assertComposition({
|
| + property: 'motion-rotation',
|
| + underlying: '20deg',
|
| + addFrom: '10deg',
|
| + replaceTo: '10deg',
|
| +}, [
|
| + {at: -0.3, is: '36deg'},
|
| + {at: 0, is: '30deg'},
|
| + {at: 0.3, is: '24deg'},
|
| + {at: 0.6, is: '18deg'},
|
| + {at: 1, is: '10deg'},
|
| + {at: 1.5, is: '0deg'},
|
| +]);
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 1645913002:
Add additive animation support for CSS property motion-rotation (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_propertyInterpolationTypesMapping