mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
25 lines
No EOL
1.2 KiB
HTML
25 lines
No EOL
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSS Transforms Test: SVG presentation attribute and scale horizontally -0.5 and vertically -1.5</title>
|
|
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#svg-transform" rel="help">
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help">
|
|
<link href="reference/svg-scale-ref.htm" rel="match">
|
|
<meta content="svg" name="flags">
|
|
<meta content="Scaling by a negative value should flip the element. The green rect in this test should be flipped downward and rightward into view and scaled down horizontally and up vertically to completely cover the red background." name="assert">
|
|
<style type="text/css">
|
|
svg {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: red;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>The test passes if you see a green square and no red.</p>
|
|
<svg>
|
|
<rect width="400" y="-133.333" x="-400" fill="green" transform="scale(-0.5, -1.5)" height="133.333"></rect>
|
|
</svg>
|
|
|
|
</body></html> |