custom-property-transition-transform-function-matrix.html (617B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="../resources/utils.js"></script> 6 <div id="target"></div> 7 <script> 8 9 transition_test({ 10 syntax: "<transform-function>", 11 from: "translateZ(100px)", 12 to: "scale(4)", 13 expected: "matrix3d(2.5, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)", 14 behavior: 'allow-discrete', 15 }, 'A custom property of type <transform-function> can yield a CSS Transition between different function types'); 16 17 </script>