mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSS Test (Transforms): Transform of Background Image (non-propagated body)</title>
|
|
<link href="mailto:ayg@aryeh.name" rel="author" title="Aryeh Gregor">
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#transform-property" rel="help">
|
|
<meta content="Background images fall within the element's
|
|
border box, so they need to be transformed along with it. In this case the
|
|
scale is applied to the root element, and the background is on the body.
|
|
The white background on the root element prevents the body's background
|
|
from propagating to the canvas, so it's just a regular background." name="assert">
|
|
<meta content="svg" name="flags">
|
|
<link href="reference/transform-background-ref-2.htm" rel="match">
|
|
<style>
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
html {
|
|
background: white;
|
|
transform: scale(-1);
|
|
}
|
|
body {
|
|
background: url(support/transform-triangle-down.svg) bottom right;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
</body></html> |