tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

background-attachment-fixed-inside-transform-1.html (1315B)


      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <meta charset="utf-8">
      5    <title>CSS Background: background-attachment: background-attachment:fixed inside a transform</title>
      6    <link rel="author" title="Botond Ballo" href="mailto:botond@mozilla.com">
      7    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
      8    <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#transform-rendering">
      9    <link rel="match" href="background-attachment-fixed-inside-transform-1-ref.html">
     10    <meta name="assert" content="Test checks whether background-attachment: 'fixed' inside a transform behaves like background-attachment: 'scroll'.">
     11    <style>
     12      body {
     13        height: 4000px;
     14        margin: 0;
     15      }
     16 
     17      #outer {
     18        margin: 200px;
     19        height: 700px;
     20        width: 300px;
     21        transform: rotate(45deg);
     22        overflow: hidden;
     23      }
     24 
     25      #inner {
     26        height: 700px;
     27        background-image: radial-gradient(farthest-corner at center, blue, black);
     28        background-size: 300px 300px;
     29        background-position: 200px 200px;
     30        background-color: lime;
     31        background-repeat: no-repeat;
     32        background-attachment: fixed;
     33      }
     34    </style>
     35  </head>
     36    <body>
     37      <div id="outer">
     38        <div id="inner">
     39        </div>
     40      </div>
     41    </body>
     42 </html>