transform-matrix-008.html (1042B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): matrix() with non-numeric args</title> 5 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-matrix"> 8 <meta name="assert" content='This tests that providing length or percentage 9 values as arguments to matrix() is a syntax error.'> 10 <link rel="match" href="transform-matrix-008-ref.html"> 11 <link rel="mismatch" href="transform-matrix-008-notref.html"> 12 <style> 13 div { 14 height: 100px; 15 width: 100px; 16 } 17 body > div { 18 transform: matrix(1, 0, 0, 1, 50px, 0); 19 } 20 body > div > div { 21 transform: matrix(1, 0, 0, 1, 50%, 0); 22 } 23 body > div > div > div { 24 background: blue; 25 } 26 </style> 27 </head> 28 <body> 29 <div> 30 <div> 31 <div></div> 32 </div> 33 </div> 34 </body> 35 </html>