Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-transforms/transform-background-005.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Transform of Background Image (non-propagated body)</title>
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
<meta name="assert" 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.">
<meta name="flags" content="svg">
<link rel="match" href="transform-background-ref-2.html">
<meta name="fuzzy" content="maxDifference=0-3;totalPixels=0-12102">
<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>