Chromium Code Reviews Chromium Code Reviews
Issue 1690543002:
Add additive animation support for CSS properties perspective-origin and object-position (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_backgroundPositionAnimation| Index: third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html |
| diff --git a/third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html b/third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..21c0743d3d29414e0e00ec2dab2306e73d54bac3 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/animations/composition/perspective-origin-composition.html |
| @@ -0,0 +1,66 @@ |
| +<!DOCTYPE html> |
| +<body> |
| +<script src="../interpolation/resources/interpolation-test.js"></script> |
| +<script> |
| +assertComposition({ |
| + property: 'perspective-origin', |
| + underlying: '40px 40px', |
| + addFrom: '60px 60px', |
| + addTo: '160px 160px', |
| +}, [ |
| + {at: -0.25, is: '75px 75px'}, |
| + {at: 0, is: '100px 100px'}, |
| + {at: 0.25, is: '125px 125px'}, |
| + {at: 0.5, is: '150px 150px'}, |
| + {at: 0.75, is: '175px 175px'}, |
| + {at: 1, is: '200px 200px'}, |
| + {at: 1.25, is: '225px 225px'}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'perspective-origin', |
| + underlying: 'top 20% left 40%', |
| + addFrom: 'left 60% top 80%', |
| + addTo: 'right 80% bottom 40%', |
| +}, [ |
| + {at: -0.25, is: '110% 105%'}, |
| + {at: 0, is: '100% 100%'}, |
| + {at: 0.25, is: '90% 95%'}, |
| + {at: 0.5, is: '80% 90%'}, |
| + {at: 0.75, is: '70% 85%'}, |
| + {at: 1, is: '60% 80%'}, |
| + {at: 1.25, is: '50% 75%'}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'perspective-origin', |
| + underlying: '40px 40px', |
| + replaceFrom: '100px 100px', |
| + addTo: '160px 160px', |
| +}, [ |
| + {at: -0.25, is: '75px 75px'}, |
| + {at: 0, is: '100px 100px'}, |
| + {at: 0.25, is: '125px 125px'}, |
| + {at: 0.5, is: '150px 150px'}, |
| + {at: 0.75, is: '175px 175px'}, |
| + {at: 1, is: '200px 200px'}, |
| + {at: 1.25, is: '225px 225px'}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'perspective-origin', |
| + underlying: '40px 40px', |
| + addFrom: '60px 60px', |
| + replaceTo: '200px 200px', |
|
Eric Willigers
2016/02/10 10:12:56
Can we have x != y for a replaceTo test.
alancutter (OOO until 2018)
2016/02/11 01:22:26
Done.
|
| +}, [ |
| + {at: -0.25, is: '75px 75px'}, |
| + {at: 0, is: '100px 100px'}, |
| + {at: 0.25, is: '125px 125px'}, |
| + {at: 0.5, is: '150px 150px'}, |
| + {at: 0.75, is: '175px 175px'}, |
| + {at: 1, is: '200px 200px'}, |
| + {at: 1.25, is: '225px 225px'}, |
| +]); |
| +</script> |
| +</body> |
| + |
