| Index: third_party/WebKit/LayoutTests/animations/responsive/transform-responsive.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/responsive/transform-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/transform-responsive.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..57d3f14e6c1e4a8ebf5dba37d981996deb7a9948
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/responsive/transform-responsive.html
|
| @@ -0,0 +1,41 @@
|
| +<!DOCTYPE html>
|
| +<script src="resources/responsive-test.js"></script>
|
| +<script>
|
| +assertCSSResponsive({
|
| + property: 'transform',
|
| + from: 'translateX(10em)',
|
| + to: 'translateX(100px)',
|
| + configurations: [{
|
| + state: {fontSize: '2px'},
|
| + expect: [
|
| + {at: 0.25, is: 'translateX(40px)'},
|
| + {at: 0.75, is: 'translateX(80px)'},
|
| + ],
|
| + }, {
|
| + state: {fontSize: '6px'},
|
| + expect: [
|
| + {at: 0.25, is: 'translateX(70px)'},
|
| + {at: 0.75, is: 'translateX(90px)'},
|
| + ],
|
| + }],
|
| +});
|
| +
|
| +assertCSSResponsive({
|
| + property: 'transform',
|
| + from: 'inherit',
|
| + to: 'translateX(100px)',
|
| + configurations: [{
|
| + state: {inherited: 'translateX(20px)'},
|
| + expect: [
|
| + {at: 0.25, is: 'translateX(40px)'},
|
| + {at: 0.75, is: 'translateX(80px)'},
|
| + ],
|
| + }, {
|
| + state: {inherited: 'translateY(20px)'},
|
| + expect: [
|
| + {at: 0.25, is: 'translate(25px, 15px)'},
|
| + {at: 0.75, is: 'translate(75px, 5px)'},
|
| + ],
|
| + }],
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 1866333002:
Support additive animations on CSS property transform (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master