Chromium Code Reviews Chromium Code Reviews
Issue 983073002:
Make font-size-adjust animatable. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/animations/interpolation/font-size-adjust-interpolation.html |
| diff --git a/LayoutTests/animations/interpolation/font-size-adjust-interpolation.html b/LayoutTests/animations/interpolation/font-size-adjust-interpolation.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..8fce8e7859cb5dbe18331c328116672fcc3ca3dc |
| --- /dev/null |
| +++ b/LayoutTests/animations/interpolation/font-size-adjust-interpolation.html |
| @@ -0,0 +1,72 @@ |
| +<!DOCTYPE html> |
| +<style type="text/css"> |
| +.container { |
| + font-size: 20px; |
| + line-height: 1; |
| +} |
| + |
| +@font-face { |
| + font-family : 'testFont'; |
| + src : url('../../resources/opensans/OpenSans-Regular.woff') format("woff"); |
| +} |
| + |
| +.target { |
| + display: inline-block; |
| + font-family: testFont; |
| +} |
| + |
| +.replica { |
| + color: green; |
| + margin-right: 30px; |
| +} |
| +</style> |
| + |
| +<template id="target-template"> |
| + <span class="container"> |
| + <div class="target">x</span> |
| + </div> |
| +</template> |
| +<script src="resources/interpolation-test.js"></script> |
| +<script> |
| +assertInterpolation({ |
| + property: 'font-size-adjust', |
| + from: '0', |
| + to: '1.2' |
| +}, [ |
| + {at: -2, is: 'none'}, |
| + {at: -0.3, is: 'none'}, |
| + {at: 0, is: 'none'}, |
| + {at: 0.3, is: 'none'}, |
| + {at: 0.6, is: '1.2'}, |
| + {at: 1, is: '1.2'}, |
| + {at: 1.5, is: '1.2'}, |
| +]); |
| + |
| +assertInterpolation({ |
| + property: 'font-size-adjust', |
| + from: 'none', |
| + to: '1.2' |
| +}, [ |
| + {at: -2, is: 'none'}, |
| + {at: -0.3, is: 'none'}, |
| + {at: 0, is: 'none'}, |
| + {at: 0.3, is: 'none'}, |
| + {at: 0.6, is: '1.2'}, |
| + {at: 1, is: '1.2'}, |
| + {at: 1.5, is: '1.2'}, |
| +]); |
| + |
| +assertInterpolation({ |
| + property: 'font-size-adjust', |
| + from: '0.2', |
| + to: '1.2' |
| +}, [ |
| + {at: -2, is: 'none'}, // CSS font-size-adjust can't be negative. |
| + {at: -0.3, is: 'none'}, |
|
dstockwell
2015/03/18 09:29:41
This illustrates one of the issues of treating 0 a
changseok
2015/03/18 09:58:37
Noted. Let's handle it in crbug.com/468236 as well
|
| + {at: 0, is: '0.2'}, |
| + {at: 0.3, is: '0.5'}, |
| + {at: 0.6, is: '0.8'}, |
| + {at: 1, is: '1.2'}, |
| + {at: 1.5, is: '1.7'}, |
| +]); |
| +</script> |
