Skip to main content

Browse the archive

Revision 190c3feba3a42cbc4c32facd7994c190589d889e authored by Liam R. E. Quin on 26 March 2018, 01:04:45 UTC, committed by Liam R. E. Quin on 26 March 2018, 01:04:45 UTC 
[svg 2 text] test for length and indexed access
1 parent 2b4cdad
Raw File
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>
back to top