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

visit type:

Tip revision: 7578e333cabf4c2ddeaed1a9fc57cbc18502bc02 authored by Jonathon Kereliuk on 21 March 2018, 14:01:39 UTC
fix trailing whitespace

Tip revision: 7578e33

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