Blitz - WPT: transform-root-bg-002.html

wpt / css / css-transforms / transform-root-bg-002.html

/css/css-transforms/transform-root-bg-002.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Test (Transforms): scale(-1) on Root Element With Background On 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-rendering">
    <meta name="assert" content="Identical to transform-root-bg-001.html,
    except that the background property is put on the body rather than the root
    element.  This should make no difference, because the body's background
    propagates up to the canvas if there's no root element background.">
    <link rel="match" href="transform-root-bg-001-ref.html">
    <style>
      html {
        transform: scale(-1);
      }
      body {
        background: url(support/transform-triangle-left.svg);
        /* The default 8px margin makes the background not line up exactly */
        margin: 0;
      }
    </style>
  </head>
  <body>
  </body>
</html>

/css/css-transforms/transform-root-bg-001-ref.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Reftest Reference</title>
    <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
    <style>
      html {
        background: url(support/transform-triangle-left.svg) top left;
      }
      body {
        /* The default 8px margin makes the background not line up exactly */
        margin: 0;
      }
    </style>
  </head>
  <body>
  </body>
</html>