contributors/aryehgregor/submitted/transform-background-005.html

Sat, 12 Apr 2014 13:15:02 +0900

author
Hajime Shiozawa <shiozawa@ripplex.com>
date
Sat, 12 Apr 2014 13:15:02 +0900
changeset 6120
072677687270
parent 3326
7e921633fd16
permissions
-rw-r--r--

apply review
- replace "ABCD" to "LLLLL"
- fix typo

     1 <!DOCTYPE html>
     2 <html>
     3   <head>
     4     <title>CSS Test (Transforms): Transform of Background Image (non-propagated body)</title>
     5     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     6     <link rel="help" href="http://www.w3.org/TR/css3-transforms/#transform-property">
     7     <meta name="assert" content="Background images fall within the element's
     8     border box, so they need to be transformed along with it.  In this case the
     9     scale is applied to the root element, and the background is on the body.
    10     The white background on the root element prevents the body's background
    11     from propagating to the canvas, so it's just a regular background.">
    12     <meta name="flags" content="svg">
    13     <link rel="match" href="transform-background-ref-2.html">
    14     <style>
    15       html, body {
    16         width: 100%;
    17         height: 100%;
    18       }
    19       html {
    20         background: white;
    21         transform: scale(-1);
    22       }
    23       body {
    24         background: url(support/transform-triangle-down.svg) bottom right;
    25         margin: 0;
    26       }
    27     </style>
    28   </head>
    29   <body>
    30   </body>
    31 </html>

mercurial