| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Transforms Test: SVG presentation attribute and translate with comma delimited arguments with multiple spaces before and after the comma</title> |
| <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> |
| <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> |
| <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> |
| <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-translate"> |
| <link rel="match" href="reference/svg-translate-ref.html"> |
| <meta name="flags" content="svg"> |
| <meta name="assert" content="The translate transform function arguments can be separated by an optional comma with multiple spaces before and after the comma. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction"> |
| <style type="text/css"> |
| svg { |
| width: 300px; |
| height: 300px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>The test passes if there is a green square and no red.</p> |
| <svg> |
| <rect x="51" y="51" width="98" height="98" fill="red"/> |
| <rect width="100" height="100" fill="green" transform="translate(50px , 50px)"/> |
| </svg> |
| </body> |
| </html> |
