blob: 11b3ee7024ba20c073a139bf2a89e581d3b3b630 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test (Transforms): Transform of Background Image (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
transform is applied to the body element, but the root element's background
is transparent, so the background is actually on the root element instead
of the body. Therefore, the transform must not affect the background." name="assert" />
<meta content="svg" name="flags" />
<link href="reference/transform-background-ref-2.xht" rel="match" />
<link href="reference/transform-background-006-notref.xht" rel="mismatch" />
<style>
body {
background: url(support/transform-triangle-up.svg);
overflow: hidden;
transform: rotate(90deg);
}
</style>
</head>
<body>
</body></html>
|
