Content - a1a34d7d83189bc166cbd62ed627dede39a37329 - cf9d34b/css/css-transforms/transform-fixed-bg-002.html

visit type:

Tip revision: d0802e5f893fea69f18a272e88ed8d0ce13166ce authored by Philip Jägenstedt on 20 December 2018, 16:48:28 UTC
Revamp how idlharness.js handles iterable declarations

Tip revision: d0802e5

transform-fixed-bg-002.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Test (Transforms): Fixed Background (with scrolling)</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='"Fixed backgrounds are affected by any
    transform specified for the root element, and not by any other transforms."
    Here we translate the div 150px down instead of 50px, and also scroll down
    100px.  This should be the same as the previous test because the background
    image is 100px square.'>
    <meta name="flags" content="svg dom">
    <link rel="match" href="transform-fixed-bg-ref.html">
    <style>
      body {
        margin: 0;
        height: 5000px;
        overflow: hidden;
      }
      div {
        background: url(support/transform-triangle-left.svg) fixed;
        width: 100px;
        height: 100px;
        transform: translate(50px, 150px);
      }
    </style>
  </head>
  <body>
    <div></div>
    <script>scroll(0, 100)</script>
  </body>
</html>

Browse the archive

https://github.com/web-platform-tests/wpt