custom-property-transition-transform-function-box-size.tentative.html (771B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1"> 3 <link rel="help" href="https://drafts.csswg.org/css-values-4/#interpolate"> 4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2854"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="../resources/utils.js"></script> 8 <div id="target"></div> 9 <script> 10 11 transition_test({ 12 syntax: "<transform-function>", 13 from: "translateX(50%)", 14 to: "scale(4)", 15 expected: "mix(50%; translateX(50%); scale(4))", 16 behavior: 'allow-discrete', 17 }, 'A custom property of type <transform-function> yields a CSS Transition using the mix function for a box size dependent matrix interpolation'); 18 19 </script>