svg-skewx-with-units.html (977B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transforms Test: SVG transform attribute with units on skewX</title> 5 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#svg-syntax"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2623"> 8 <link rel="match" href="reference/svg-skewx-ref.html"> 9 <meta name="assert" content="The skewX transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied."> 10 </head> 11 <body> 12 <p>The test passes if there is a green square and no red.</p> 13 <svg width="250" height="250" style="background: green"> 14 <rect width="100" height="100" fill="red"/> 15 <rect y="0" width="100" height="50" fill="green" transform="skewX(45deg)"/> 16 <rect y="50" width="100" height="50" fill="green" transform="skewX(45rad)"/> 17 </svg> 18 </body> 19 </html>