transform-interpolation-skew.html (1011B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="match" href="transform-interpolation-ref.html?skew"> 4 <link rel="help" href="https://drafts.csswg.org/css-transforms/"> 5 <!-- 6 Fuzzy match is needed because the browser may raster in different scales for the 7 test and the reference. For example, in the first case the test animates skew 8 from 0deg to 60deg and take snapshot when the skew is 30deg, while the reference 9 animates skew from 30deg to 30deg, and the browser may choose a higher raster 10 scale for the former because at 60deg the ideal scale is higher. 11 3000: 130 * 6 * 2 + 80 * 9 * 2 12 130, 80: width and height of the div 13 6: number of antialiased horizontal edges 14 9: number of antialiased vertical edges 15 2: number of antialiased pixels for each pixel on the edge 16 --> 17 <meta name=fuzzy content="0-255;0-3000"> 18 <script src="../../../common/reftest-wait.js"></script> 19 <script src="support/transform-interpolation-reftests.js"></script> 20 21 <body> 22 <script> 23 createTests(transformTests.skew); 24 </script>