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-ref.html (994B)


      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    <style type="text/css">
      9      body {
     10        height: 4000px;
     11        margin: 0;
     12      }
     13 
     14      #outer {
     15        margin: 200px;
     16        height: 700px;
     17        width: 300px;
     18        transform: rotate(45deg);
     19        overflow: hidden;
     20      }
     21 
     22      #inner {
     23        height: 700px;
     24        background-image: radial-gradient(farthest-corner at center, blue, black);
     25        background-size: 300px 300px;
     26        background-position: 200px 200px;
     27        background-color: lime;
     28        background-repeat: no-repeat;
     29        background-attachment: scroll;
     30      }
     31    </style>
     32  </head>
     33  <body>
     34    <div id="outer">
     35      <div id="inner">
     36      </div>
     37    </div>
     38  </body>
     39 </html>