File: transform-background-006.html

package info (click to toggle)
thunderbird 1%3A143.0.1-1
  • links: PTS, VCS
  • area: main
  • in suites: experimental
  • size: 4,703,968 kB
  • sloc: cpp: 7,770,492; javascript: 5,943,842; ansic: 3,918,754; python: 1,418,263; xml: 653,354; asm: 474,045; java: 183,079; sh: 111,238; makefile: 20,410; perl: 14,359; objc: 13,059; yacc: 4,583; pascal: 3,405; lex: 1,720; ruby: 999; exp: 762; sql: 715; awk: 580; php: 436; lisp: 430; sed: 69; csh: 10
file content (25 lines) | stat: -rw-r--r-- 1,048 bytes parent folder | download | duplicates (25) 
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>
<html>
  <head>
    <title>CSS Test (Transforms): Transform of Background Image (propagated body)</title>
    <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
    <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
    <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
    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.">
    <meta name="flags" content="svg">
    <link rel="match" href="transform-background-ref-2.html">
    <link rel="mismatch" href="transform-background-006-notref.html">
    <style>
      body {
        background: url(support/transform-triangle-up.svg);
        overflow: hidden;
        transform: rotate(90deg);
      }
    </style>
  </head>
  <body>
  </body>
</html>