transform-stresstest-001.html (1365B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Inversion Stress Test</title> 5 <link rel="author" title="Clint Talbert" href="mailto:ctalbert@mozilla.com"> 6 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> 8 <meta name="assert" content="This simply applies and then inverts a large 9 number of 2D transform functions, and expects the result to be no transform 10 at all. One extra translateX(100px) is added at the end to ensure that the 11 lack of transform isn't just because the UA parsed it incorrectly, or 12 doesn't support transforms at all."> 13 <link rel="match" href="transform-stresstest-ref.html"> 14 <style> 15 div { 16 height: 200px; 17 width: 200px; 18 background: gold; 19 transform: skewx(45deg) 20 translate(50px, 50px) 21 rotate(45deg) 22 translatex(50px) 23 scale(2.0, 4.0) 24 scale(0.5, 0.25) 25 translatex(-50px) 26 rotate(-45deg) 27 translate(-50px, -50px) 28 skewx(135deg) 29 translateX(100px); 30 } 31 </style> 32 </head> 33 <body> 34 <div></div> 35 </body> 36 </html>